Radix Colors

Violet Dark 7

#56468B

CSS Values

CSS Variablevar(--violet-dark-7)
HEX#56468B
RGBrgb(86, 70, 139)
HSLhsl(254, 33%, 41%)
HSL (modern)hsl(254deg 33% 41%)
OKLCHoklch(44.5% 0.1103 292deg)

Light mode equivalent

Violet 7
#C2B5F5

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 7.94:1AA: PassAAA: PassAA Large: Pass
AaText on black
Ratio: 2.64:1AA: FailAAA: FailAA Large: Fail

Other Violet Dark steps

Nearest Named Colors

See all
Munsell
10PB-4-10
CSS Named
darkslateblue
Bootstrap 5
purple-600
RAL Classic
4005
Material Design
indigo-600
Tailwind CSS
slate-600
iOS HIG
accessible-indigo
Crayola
midnight-blue
Open Color
violet-9
Ant Design
purple-7