Tailwind CSS Colors

Amber 300

#FCD34D

Tailwind classes

Backgroundbg-amber-300
Texttext-amber-300
Borderborder-amber-300
Ringring-amber-300

CSS Values

HEX#FCD34D
RGBrgb(252, 211, 77)
HSLhsl(46, 97%, 65%)
HSL (modern)hsl(46deg 97% 65%)
OKLCHoklch(87.9% 0.1534 92deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 1.44:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 14.56:1AA: PassAAA: PassAA Large: Pass

Other Amber shades

Nearest Named Colors

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