Chakra UI Colors#DD6B20
Orange 500
PRIMARY SHADECSS Values
Package reftheme.colors.orange[500]
HEX#DD6B20
RGBrgb(221, 107, 32)
HSLhsl(24, 75%, 50%)
HSL (modern)hsl(24deg 75% 50%)
OKLCHoklch(65.3% 0.1638 48deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 3.39:1AA: FailAAA: FailAA Large: Pass
AaText on black
Ratio: 6.2:1AA: PassAAA: FailAA Large: Pass