Tailwind CSS Colors

Amber 100

#FEF3C7

Tailwind classes

Backgroundbg-amber-100
Texttext-amber-100
Borderborder-amber-100
Ringring-amber-100

CSS Values

HEX#FEF3C7
RGBrgb(254, 243, 199)
HSLhsl(48, 96%, 89%)
HSL (modern)hsl(48deg 96% 89%)
OKLCHoklch(96.2% 0.058 96deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 1.11:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 18.86:1AA: PassAAA: PassAA Large: Pass

Other Amber shades

Nearest Named Colors

See all
Bootstrap 5
yellow-100
Open Color
yellow-1
Radix Colors
amber-3
CSS Named
lemonchiffon
Material Design
yellow-100
Ant Design
gold-2
Crayola
banana-mania
RAL Classic
9001
Munsell
N-9