Chakra UI Colors#553C9A
Purple 700
CSS Values
Package reftheme.colors.purple[700]
HEX#553C9A
RGBrgb(85, 60, 154)
HSLhsl(256, 44%, 42%)
HSL (modern)hsl(256deg 44% 42%)
OKLCHoklch(43.6% 0.1466 291deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 8.4:1AA: PassAAA: PassAA Large: Pass
AaText on black
Ratio: 2.5:1AA: FailAAA: FailAA Large: Fail