Tailwind CSS Colors

Yellow 400

#FACC15

Tailwind classes

Backgroundbg-yellow-400
Texttext-yellow-400
Borderborder-yellow-400
Ringring-yellow-400

CSS Values

HEX#FACC15
RGBrgb(250, 204, 21)
HSLhsl(48, 96%, 53%)
HSL (modern)hsl(48deg 96% 53%)
OKLCHoklch(86.1% 0.1731 92deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 1.53:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 13.71:1AA: PassAAA: PassAA Large: Pass

Other Yellow shades

Nearest Named Colors

See all
iOS HIG
system-yellow
Material Design
amber-400
RAL Classic
1017
Bootstrap 5
yellow-400
Open Color
yellow-5
Radix Colors
amber-9
Ant Design
gold-5
CSS Named
gold
Munsell
10YR-8-6
Crayola
dandelion