#211352#211352
#211352 is a dark, moderate violet. Relative luminance 0.014; OKLCH L 25.2% C 0.108 H 286.0°. Best body text is #FFFFFF at 16.41:1 contrast (WCAG AA passes).
Color values
| HEX | #211352 |
|---|---|
| RGB | rgb(33, 19, 82) |
| HSL | hsl(253, 62%, 20%) |
| HSV | hsv(253, 77%, 32%) |
| CMYK | cmyk(59.8%, 76.8%, 0%, 67.8%) |
| CIE-LAB | lab(11.95, 25.88, -36.02) |
| CIE-LCH | lch(11.95, 44.35, 305.70°) |
| OKLab | oklab(25.22% 0.0296 -0.1036) |
| OKLCH | oklch(25.22% 0.108 286) |
| XYZ | xyz(2.3826, 1.3981, 8.1253) |
| Luminance | 0.0140 (WCAG relative) |
| Temperature | cool |
| Family | violet |
Closest named colors
Dark Indigo
#1F0954
ΔE00 2.70
Night Blue
#040348
ΔE00 4.69
Navy Blue (survey)
#001146
ΔE00 5.25
Dark Blue
#00035B
ΔE00 5.74
Midnight Blue
#191970
ΔE00 5.81
Darkblue (survey)
#030764
ΔE00 5.84
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#211352 #445213
analogous
#132552 #211352 #401352
triadic
#211352 #522113 #135221
tetradic
#211352 #521325 #445213 #135240
square
#211352 #521325 #445213 #135240
split-complementary
#211352 #524013 #255213
monochromatic
#0A0619 #0D0720 #211352 #351F84 #492AB5
Accessibility & contrast
On white
16.41
#211352 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.28
#211352 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #211352
16.41:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##211352 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##211352 | 1.00 | 16.41 | 1.28 | 16.41 |
| #FFFFFF | 16.41 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.28 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 16.41 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#002154
Deuteranopia (green-blind)
#001E51
Tritanopia (blue-blind)
#0C2431
Achromatopsia (no color)
#1F1F1F
Design tokens & code
CSS
--color: #211352; /* rgb */ color: rgb(33, 19, 82); /* oklch */ color: oklch(25.2% 0.108 286.0);
Tailwind
colors: {
custom: {
50: '#635283',
500: '#211352',
950: '#000000',
},
}SCSS
$custom: #211352; $custom-light: #635283; $custom-dark: #000000;
JSON
{
"hex": "#211352",
"rgb": {
"r": 33,
"g": 19,
"b": 82
},
"hsl": {
"h": 253.333,
"s": 62.376,
"l": 19.804
},
"oklch": {
"l": 0.25221,
"c": 0.10775,
"h": 286
},
"luminance": 0.01398
}Semantic roles & 50–950 ramp
primary
#211352
secondary
#788A36
accent
#E542C1
background
#F6F4F8
surface
#EBE7EF
border
#C6C3CA
text
#06020B
muted
#7A787C