Radix Colors

Violet 12

#2F265F

CSS Values

CSS Variablevar(--violet-12)
HEX#2F265F
RGBrgb(47, 38, 95)
HSLhsl(249, 43%, 26%)
HSL (modern)hsl(249deg 43% 26%)
OKLCHoklch(31.3% 0.0975 287deg)

Dark mode equivalent

Violet Dark 12
#E2DDFE

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 13.43:1AA: PassAAA: PassAA Large: Pass
AaText on black
Ratio: 1.56:1AA: FailAAA: FailAA Large: Fail

Other Violet steps

Nearest Named Colors

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