Tailwind CSS Colors
Orange 300
#FDBA74Tailwind classes
Backgroundbg-orange-300
Texttext-orange-300
Borderborder-orange-300
Ringring-orange-300
CSS Values
HEX#FDBA74
RGBrgb(253, 186, 116)
HSLhsl(31, 97%, 72%)
HSL (modern)hsl(31deg 97% 72%)
OKLCHoklch(83.7% 0.1165 66deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 1.69:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 12.45:1AA: PassAAA: PassAA Large: Pass
Other Orange shades
Nearest Named Colors
See allOpen Colororange-3
Bootstrap 5orange-300
Radix Colorsorange-6
Ant Designorange-4
Crayolamacaroni-and-cheese
Material Designorange-300
Munsell5YR-8-4
CSS Namedburlywood
RAL Classic1034
iOS HIGsystem-yellow