Chakra UI Colors

Purple 400

#9F7AEA

CSS Values

Package reftheme.colors.purple[400]
HEX#9F7AEA
RGBrgb(159, 122, 234)
HSLhsl(260, 73%, 70%)
HSL (modern)hsl(260deg 73% 70%)
OKLCHoklch(66.4% 0.1634 297deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 3.26:1AA: FailAAA: FailAA Large: Pass
AaText on black
Ratio: 6.45:1AA: PassAAA: FailAA Large: Pass

Other Purple shades