Tailwind CSS Colors

Orange 400

#FB923C

Tailwind classes

Backgroundbg-orange-400
Texttext-orange-400
Borderborder-orange-400
Ringring-orange-400

CSS Values

HEX#FB923C
RGBrgb(251, 146, 60)
HSLhsl(27, 96%, 61%)
HSL (modern)hsl(27deg 96% 61%)
OKLCHoklch(75.8% 0.159 56deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 2.26:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 9.28:1AA: PassAAA: PassAA Large: Pass

Other Orange shades

Nearest Named Colors

See all
Open Color
orange-5
Bootstrap 5
orange-400
Ant Design
orange-6
Material Design
amber-800
CSS Named
darkorange
iOS HIG
system-orange
Radix Colors
orange-8
Munsell
10R-7-8
Crayola
neon-carrot
RAL Classic
1037