#28010B#28010B
#28010B is a very dark, moderate pink. Relative luminance 0.005; OKLCH L 18.0% C 0.068 H 9.0°. Best body text is #FFFFFF at 19.10:1 contrast (WCAG AA passes).
Color values
| HEX | #28010B |
|---|---|
| RGB | rgb(40, 1, 11) |
| HSL | hsl(345, 95%, 8%) |
| HSV | hsv(345, 98%, 16%) |
| CMYK | cmyk(0%, 97.5%, 72.5%, 84.3%) |
| CIE-LAB | lab(4.49, 19.25, 2.55) |
| CIE-LCH | lch(4.49, 19.42, 7.56°) |
| OKLab | oklab(17.95% 0.0676 0.0107) |
| OKLCH | oklch(17.95% 0.068 9) |
| XYZ | xyz(0.9464, 0.4971, 0.3627) |
| Luminance | 0.0050 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Dark Maroon
#3C0008
ΔE00 7.14
Very Dark Brown
#1D0200
ΔE00 7.37
Deep Brown
#410200
ΔE00 9.89
Dark Plum
#3F012C
ΔE00 10.57
Mahogany
#4A0100
ΔE00 12.18
Aubergine
#3D0734
ΔE00 12.19
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#28010B #01281E
analogous
#28011E #28010B #280A01
triadic
#28010B #0B2801 #010B28
tetradic
#28010B #1E2801 #01281E #0A0128
square
#28010B #1E2801 #01281E #0A0128
split-complementary
#28010B #01280A #011E28
monochromatic
#1E0108 #1E0108 #28010B #64021B #9F042C
Accessibility & contrast
On white
19.10
#28010B on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.10
#28010B on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #28010B
19.10:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##28010B | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##28010B | 1.00 | 19.10 | 1.10 | 19.10 |
| #FFFFFF | 19.10 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.10 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 19.10 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#090A0B
Deuteranopia (green-blind)
#15130A
Tritanopia (blue-blind)
#2D0004
Achromatopsia (no color)
#0F0F0F
Design tokens & code
CSS
--color: #28010b; /* rgb */ color: rgb(40, 1, 11); /* oklch */ color: oklch(18.0% 0.068 9.0);
Tailwind
colors: {
custom: {
50: '#64464c',
500: '#28010b',
950: '#000000',
},
}SCSS
$custom: #28010b; $custom-light: #64464c; $custom-dark: #000000;
JSON
{
"hex": "#28010b",
"rgb": {
"r": 40,
"g": 1,
"b": 11
},
"hsl": {
"h": 344.615,
"s": 95.122,
"l": 8.039
},
"oklch": {
"l": 0.17953,
"c": 0.06845,
"h": 9
},
"luminance": 0.00497
}Semantic roles & 50–950 ramp
primary
#28010B
secondary
#166F58
accent
#FFC829
background
#F6F3F4
surface
#EBE5E7
border
#C6C1C3
text
#060001
muted
#7A7677