#28113D#28113D
#28113D is a very dark, moderate violet. Relative luminance 0.012; OKLCH L 23.8% C 0.082 H 305.0°. Best body text is #FFFFFF at 16.97:1 contrast (WCAG AA passes).
Color values
| HEX | #28113D |
|---|---|
| RGB | rgb(40, 17, 61) |
| HSL | hsl(271, 56%, 15%) |
| HSV | hsv(271, 72%, 24%) |
| CMYK | cmyk(34.4%, 72.1%, 0%, 76.1%) |
| CIE-LAB | lab(10.48, 22.00, -23.72) |
| CIE-LCH | lch(10.48, 32.35, 312.85°) |
| OKLab | oklab(23.78% 0.047 -0.0672) |
| OKLCH | oklch(23.78% 0.082 305) |
| XYZ | xyz(1.9176, 1.1889, 4.5424) |
| Luminance | 0.0119 (WCAG relative) |
| Temperature | cool |
| Family | violet |
Closest named colors
Midnight Purple
#280137
ΔE00 4.23
Very Dark Purple
#2A0134
ΔE00 4.58
Dark Purple
#35063E
ΔE00 4.76
Dark Violet
#34013F
ΔE00 5.38
Deep Purple
#36013F
ΔE00 5.66
Eggplant
#380835
ΔE00 6.50
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#28113D #263D11
analogous
#12113D #28113D #3D113C
triadic
#28113D #3D2811 #113D28
tetradic
#28113D #3D1211 #263D11 #113C3D
square
#28113D #3D1211 #263D11 #113C3D
split-complementary
#28113D #3C3D11 #113D12
monochromatic
#100718 #100718 #28113D #471E6D #672C9D
Accessibility & contrast
On white
16.97
#28113D on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.24
#28113D on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #28113D
16.97:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##28113D | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##28113D | 1.00 | 16.97 | 1.24 | 16.97 |
| #FFFFFF | 16.97 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.24 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 16.97 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#001C3E
Deuteranopia (green-blind)
#071C3C
Tritanopia (blue-blind)
#241A25
Achromatopsia (no color)
#1C1C1C
Design tokens & code
CSS
--color: #28113d; /* rgb */ color: rgb(40, 17, 61); /* oklch */ color: oklch(23.8% 0.082 305.0);
Tailwind
colors: {
custom: {
50: '#645073',
500: '#28113d',
950: '#000000',
},
}SCSS
$custom: #28113d; $custom-light: #645073; $custom-dark: #000000;
JSON
{
"hex": "#28113d",
"rgb": {
"r": 40,
"g": 17,
"b": 61
},
"hsl": {
"h": 271.364,
"s": 56.41,
"l": 15.294
},
"oklch": {
"l": 0.23775,
"c": 0.082,
"h": 305
},
"luminance": 0.01189
}Semantic roles & 50–950 ramp
primary
#28113D
secondary
#537633
accent
#E04890
background
#F6F4F7
surface
#EBE7ED
border
#C6C3C8
text
#050208
muted
#7A787B