Tailwind CSS Colors

Yellow 300

#FDE047

Tailwind classes

Backgroundbg-yellow-300
Texttext-yellow-300
Borderborder-yellow-300
Ringring-yellow-300

CSS Values

HEX#FDE047
RGBrgb(253, 224, 71)
HSLhsl(50, 98%, 64%)
HSL (modern)hsl(50deg 98% 64%)
OKLCHoklch(90.5% 0.1657 98deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 1.32:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 15.93:1AA: PassAAA: PassAA Large: Pass

Other Yellow shades

Nearest Named Colors

See all
Material Design
yellow-600
Radix Colors
yellow-10
Ant Design
yellow-6
Open Color
yellow-3
CSS Named
gold
RAL Classic
1021
Munsell
5Y-9-4
Bootstrap 5
yellow-300
Crayola
dandelion
iOS HIG
system-yellow