#201527#201527
#201527 is a very dark, muted violet. Relative luminance 0.010; OKLCH L 21.9% C 0.038 H 311.5°. Best body text is #FFFFFF at 17.53:1 contrast (WCAG AA passes).
Color values
| HEX | #201527 |
|---|---|
| RGB | rgb(32, 21, 39) |
| HSL | hsl(277, 30%, 12%) |
| HSV | hsv(277, 46%, 15%) |
| CMYK | cmyk(17.9%, 46.2%, 0%, 84.7%) |
| CIE-LAB | lab(8.91, 10.03, -10.22) |
| CIE-LCH | lch(8.91, 14.32, 314.46°) |
| OKLab | oklab(21.87% 0.025 -0.0282) |
| OKLCH | oklch(21.87% 0.038 311.5) |
| XYZ | xyz(1.2300, 0.9899, 2.0453) |
| Luminance | 0.0099 (WCAG relative) |
| Temperature | cool |
| Family | violet |
Closest named colors
Midnight
#03012D
ΔE00 10.27
Dark Navy Blue
#00022E
ΔE00 10.77
Eggplant
#380835
ΔE00 11.09
Very Dark Purple
#2A0134
ΔE00 11.29
Very Dark Brown
#1D0200
ΔE00 11.30
Navy (survey)
#01153E
ΔE00 11.53
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#201527 #1C2715
analogous
#171527 #201527 #271525
triadic
#201527 #272015 #152720
tetradic
#201527 #271715 #1C2715 #152527
square
#201527 #271715 #1C2715 #152527
split-complementary
#201527 #252715 #152717
monochromatic
#100B14 #100B14 #201527 #412A4F #614077
Accessibility & contrast
On white
17.53
#201527 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.20
#201527 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #201527
17.53:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##201527 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##201527 | 1.00 | 17.53 | 1.20 | 17.53 |
| #FFFFFF | 17.53 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.20 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 17.53 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#121928
Deuteranopia (green-blind)
#141A26
Tritanopia (blue-blind)
#1F171C
Achromatopsia (no color)
#191919
Design tokens & code
CSS
--color: #201527; /* rgb */ color: rgb(32, 21, 39); /* oklch */ color: oklch(21.9% 0.038 311.5);
Tailwind
colors: {
custom: {
50: '#5b5261',
500: '#201527',
950: '#000000',
},
}SCSS
$custom: #201527; $custom-light: #5b5261; $custom-dark: #000000;
JSON
{
"hex": "#201527",
"rgb": {
"r": 32,
"g": 21,
"b": 39
},
"hsl": {
"h": 276.667,
"s": 30,
"l": 11.765
},
"oklch": {
"l": 0.21872,
"c": 0.03763,
"h": 311.5
},
"luminance": 0.0099
}Semantic roles & 50–950 ramp
primary
#201527
secondary
#485C3C
accent
#C66289
background
#F5F4F5
surface
#E9E7E9
border
#C5C3C5
text
#040205
muted
#797879