Radix Colors
Orange 7
#F5AE73CSS Values
CSS Variablevar(--orange-7)
HEX#F5AE73
RGBrgb(245, 174, 115)
HSLhsl(27, 87%, 71%)
HSL (modern)hsl(27deg 87% 71%)
OKLCHoklch(80.6% 0.1123 60deg)
Dark mode equivalent
Orange Dark 7
#7E451D
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 1.88:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 11.18:1AA: PassAAA: PassAA Large: Pass
Other Orange steps
Nearest Named Colors
See allCrayolatan
Bootstrap 5orange-300
CSS Namedsandybrown
Tailwind CSSorange-300
Open Colororange-4
RAL Classic1034
Munsell5YR-7-8
Ant Designvolcano-4
Material Designdeep-orange-200
iOS HIGsystem-orange