#201452#201452
#201452 is a dark, moderate violet. Relative luminance 0.014; OKLCH L 25.3% C 0.107 H 284.7°. Best body text is #FFFFFF at 16.36:1 contrast (WCAG AA passes).
Color values
| HEX | #201452 |
|---|---|
| RGB | rgb(32, 20, 82) |
| HSL | hsl(252, 61%, 20%) |
| HSV | hsv(252, 76%, 32%) |
| CMYK | cmyk(61%, 75.6%, 0%, 67.8%) |
| CIE-LAB | lab(12.07, 25.06, -35.83) |
| CIE-LCH | lch(12.07, 43.72, 304.98°) |
| OKLab | oklab(25.28% 0.027 -0.1031) |
| OKLCH | oklch(25.28% 0.107 284.7) |
| XYZ | xyz(2.3683, 1.4164, 8.1296) |
| Luminance | 0.0142 (WCAG relative) |
| Temperature | cool |
| Family | violet |
Closest named colors
Dark Indigo
#1F0954
ΔE00 3.03
Night Blue
#040348
ΔE00 4.74
Navy Blue (survey)
#001146
ΔE00 4.95
Midnight Blue
#191970
ΔE00 5.74
Dark Blue
#00035B
ΔE00 5.86
Darkblue (survey)
#030764
ΔE00 5.93
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#201452 #465214
analogous
#142752 #201452 #3F1452
triadic
#201452 #522014 #145220
tetradic
#201452 #521427 #465214 #14523F
square
#201452 #521427 #465214 #14523F
split-complementary
#201452 #523F14 #275214
monochromatic
#0A0619 #0D0821 #201452 #332083 #462CB4
Accessibility & contrast
On white
16.36
#201452 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.28
#201452 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #201452
16.36:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##201452 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##201452 | 1.00 | 16.36 | 1.28 | 16.36 |
| #FFFFFF | 16.36 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.28 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 16.36 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#002154
Deuteranopia (green-blind)
#001E51
Tritanopia (blue-blind)
#082431
Achromatopsia (no color)
#202020
Design tokens & code
CSS
--color: #201452; /* rgb */ color: rgb(32, 20, 82); /* oklch */ color: oklch(25.3% 0.107 284.7);
Tailwind
colors: {
custom: {
50: '#625283',
500: '#201452',
950: '#000000',
},
}SCSS
$custom: #201452; $custom-light: #625283; $custom-dark: #000000;
JSON
{
"hex": "#201452",
"rgb": {
"r": 32,
"g": 20,
"b": 82
},
"hsl": {
"h": 251.613,
"s": 60.784,
"l": 20
},
"oklch": {
"l": 0.25281,
"c": 0.10654,
"h": 284.7
},
"luminance": 0.01417
}Semantic roles & 50–950 ramp
primary
#201452
secondary
#7A8A38
accent
#E444C5
background
#F6F4F8
surface
#EBE7EF
border
#C6C3CA
text
#05020B
muted
#7A787C