#200516#200516
#200516 is a very dark, muted pink. Relative luminance 0.005; OKLCH L 17.5% C 0.055 H 344.7°. Best body text is #FFFFFF at 19.18:1 contrast (WCAG AA passes).
Color values
| HEX | #200516 |
|---|---|
| RGB | rgb(32, 5, 22) |
| HSL | hsl(322, 73%, 7%) |
| HSV | hsv(322, 84%, 13%) |
| CMYK | cmyk(0%, 84.4%, 31.2%, 87.5%) |
| CIE-LAB | lab(4.28, 14.12, -4.19) |
| CIE-LCH | lch(4.28, 14.73, 343.48°) |
| OKLab | oklab(17.51% 0.0528 -0.0144) |
| OKLCH | oklch(17.51% 0.055 344.7) |
| XYZ | xyz(0.7948, 0.4736, 0.8085) |
| Luminance | 0.0047 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Very Dark Brown
#1D0200
ΔE00 7.32
Dark Plum
#3F012C
ΔE00 10.69
Eggplant
#380835
ΔE00 10.80
Aubergine
#3D0734
ΔE00 10.97
Very Dark Purple
#2A0134
ΔE00 11.98
Dark Maroon
#3C0008
ΔE00 12.58
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#200516 #05200F
analogous
#1D0520 #200516 #200509
triadic
#200516 #162005 #051620
tetradic
#200516 #201D05 #05200F #050920
square
#200516 #201D05 #05200F #050920
split-complementary
#200516 #092005 #05201D
monochromatic
#1A0412 #1A0412 #200516 #550D3A #8A165F
Accessibility & contrast
On white
19.18
#200516 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.09
#200516 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #200516
19.18:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##200516 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##200516 | 1.00 | 19.18 | 1.09 | 19.18 |
| #FFFFFF | 19.18 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.09 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 19.18 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#070C17
Deuteranopia (green-blind)
#0F1115
Tritanopia (blue-blind)
#23050C
Achromatopsia (no color)
#0F0F0F
Design tokens & code
CSS
--color: #200516; /* rgb */ color: rgb(32, 5, 22); /* oklch */ color: oklch(17.5% 0.055 344.7);
Tailwind
colors: {
custom: {
50: '#5b4852',
500: '#200516',
950: '#000000',
},
}SCSS
$custom: #200516; $custom-light: #5b4852; $custom-dark: #000000;
JSON
{
"hex": "#200516",
"rgb": {
"r": 32,
"g": 5,
"b": 22
},
"hsl": {
"h": 322.222,
"s": 72.973,
"l": 7.255
},
"oklch": {
"l": 0.17513,
"c": 0.05469,
"h": 344.7
},
"luminance": 0.00474
}Semantic roles & 50–950 ramp
primary
#200516
secondary
#206138
accent
#F07C38
background
#F5F4F4
surface
#E9E6E7
border
#C5C2C3
text
#040002
muted
#797778