Tailwind CSS Colors

Orange 50

#FFF7ED

Tailwind classes

Backgroundbg-orange-50
Texttext-orange-50
Borderborder-orange-50
Ringring-orange-50

CSS Values

HEX#FFF7ED
RGBrgb(255, 247, 237)
HSLhsl(33, 100%, 96%)
HSL (modern)hsl(33deg 100% 96%)
OKLCHoklch(98% 0.0158 74deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 1.06:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 19.78:1AA: PassAAA: PassAA Large: Pass

Other Orange shades

Nearest Named Colors

See all
Radix Colors
orange-2
CSS Named
seashell
Ant Design
orange-1
Open Color
orange-0
RAL Classic
9001
Material Design
grey-50
Bootstrap 5
gray-100
Crayola
white
Munsell
N-9