Radix Colors

Purple 12

#402060

CSS Values

CSS Variablevar(--purple-12)
HEX#402060
RGBrgb(64, 32, 96)
HSLhsl(270, 50%, 25%)
HSL (modern)hsl(270deg 50% 25%)
OKLCHoklch(32.2% 0.1102 304deg)

Dark mode equivalent

Purple Dark 12
#ECD9FA

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 13.18:1AA: PassAAA: PassAA Large: Pass
AaText on black
Ratio: 1.59:1AA: FailAAA: FailAA Large: Fail

Other Purple steps

Nearest Named Colors

See all
Bootstrap 5
purple-700
Tailwind CSS
purple-950
RAL Classic
5022
Munsell
5P-3-6
CSS Named
indigo
Ant Design
purple-8
Material Design
purple-900
Open Color
gray-8
Crayola
midnight-blue
iOS HIG
accessible-indigo