Chakra UI Colors

Orange 700

#9C4221

CSS Values

Package reftheme.colors.orange[700]
HEX#9C4221
RGBrgb(156, 66, 33)
HSLhsl(16, 65%, 37%)
HSL (modern)hsl(16deg 65% 37%)
OKLCHoklch(49.4% 0.1289 40deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 6.53:1AA: PassAAA: FailAA Large: Pass
AaText on black
Ratio: 3.21:1AA: FailAAA: FailAA Large: Pass

Other Orange shades