Tailwind CSS Colors

Orange 200

#FED7AA

Tailwind classes

Backgroundbg-orange-200
Texttext-orange-200
Borderborder-orange-200
Ringring-orange-200

CSS Values

HEX#FED7AA
RGBrgb(254, 215, 170)
HSLhsl(32, 98%, 83%)
HSL (modern)hsl(32deg 98% 83%)
OKLCHoklch(90.1% 0.0729 71deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 1.35:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 15.51:1AA: PassAAA: PassAA Large: Pass

Other Orange shades

Nearest Named Colors

See all
Open Color
orange-2
Crayola
apricot
CSS Named
navajowhite
Radix Colors
orange-5
Material Design
orange-100
Ant Design
volcano-2
Bootstrap 5
orange-200
RAL Classic
1013
Munsell
5YR-8-4
iOS HIG
quaternary-label