Tailwind CSS Colors
Orange 500
#F97316Tailwind classes
Backgroundbg-orange-500
Texttext-orange-500
Borderborder-orange-500
Ringring-orange-500
CSS Values
HEX#F97316
RGBrgb(249, 115, 22)
HSLhsl(25, 95%, 53%)
HSL (modern)hsl(25deg 95% 53%)
OKLCHoklch(70.5% 0.1867 48deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 2.8:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 7.49:1AA: PassAAA: PassAA Large: Pass
Other Orange shades
Nearest Named Colors
See allMaterial Designamber-900
RAL Classic2003
Radix Colorsorange-9
Crayolaburnt-orange
Open Colororange-7
Bootstrap 5orange-500
Ant Designvolcano-5
CSS Namedcoral
Munsell10R-6-10
iOS HIGsystem-orange