Radix Colors

Purple Dark 4

#3D224E

CSS Values

CSS Variablevar(--purple-dark-4)
HEX#3D224E
RGBrgb(61, 34, 78)
HSLhsl(277, 39%, 22%)
HSL (modern)hsl(277deg 39% 22%)
OKLCHoklch(30.9% 0.0818 311deg)

Light mode equivalent

Purple 4
#F2E2FC

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 13.66:1AA: PassAAA: PassAA Large: Pass
AaText on black
Ratio: 1.54:1AA: FailAAA: FailAA Large: Fail

Other Purple Dark steps

Nearest Named Colors

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