Tailwind CSS Colors

Yellow 500

#EAB308

Tailwind classes

Backgroundbg-yellow-500
Texttext-yellow-500
Borderborder-yellow-500
Ringring-yellow-500

CSS Values

HEX#EAB308
RGBrgb(234, 179, 8)
HSLhsl(45, 93%, 47%)
HSL (modern)hsl(45deg 93% 47%)
OKLCHoklch(79.5% 0.1617 86deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 1.92:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 10.95:1AA: PassAAA: PassAA Large: Pass

Other Yellow shades

Nearest Named Colors

See all
Open Color
yellow-6
RAL Classic
1028
Ant Design
gold-6
Material Design
amber-600
Radix Colors
amber-10
Munsell
10YR-7-8
CSS Named
orange
Crayola
yellow-orange
Bootstrap 5
yellow-500
iOS HIG
system-yellow