#2B1043#2B1043
#2B1043 is a very dark, moderate violet. Relative luminance 0.013; OKLCH L 24.6% C 0.092 H 304.7°. Best body text is #FFFFFF at 16.70:1 contrast (WCAG AA passes).
Color values
| HEX | #2B1043 |
|---|---|
| RGB | rgb(43, 16, 67) |
| HSL | hsl(272, 61%, 16%) |
| HSV | hsv(272, 76%, 26%) |
| CMYK | cmyk(35.8%, 76.1%, 0%, 73.7%) |
| CIE-LAB | lab(11.20, 25.13, -26.77) |
| CIE-LCH | lch(11.20, 36.72, 313.18°) |
| OKLab | oklab(24.55% 0.0527 -0.076) |
| OKLCH | oklch(24.55% 0.092 304.7) |
| XYZ | xyz(2.1944, 1.2894, 5.4424) |
| Luminance | 0.0129 (WCAG relative) |
| Temperature | cool |
| Family | violet |
Closest named colors
Midnight Purple
#280137
ΔE00 3.85
Dark Purple
#35063E
ΔE00 4.16
Dark Violet
#34013F
ΔE00 4.50
Very Dark Purple
#2A0134
ΔE00 4.51
Deep Purple
#36013F
ΔE00 4.84
Dark Indigo
#1F0954
ΔE00 5.98
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#2B1043 #284310
analogous
#121043 #2B1043 #431042
triadic
#2B1043 #432B10 #10432B
tetradic
#2B1043 #431210 #284310 #104243
square
#2B1043 #431210 #284310 #104243
split-complementary
#2B1043 #424310 #104312
monochromatic
#100619 #100619 #2B1043 #4B1C74 #6A28A6
Accessibility & contrast
On white
16.70
#2B1043 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.26
#2B1043 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #2B1043
16.70:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##2B1043 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##2B1043 | 1.00 | 16.70 | 1.26 | 16.70 |
| #FFFFFF | 16.70 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.26 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 16.70 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#001D45
Deuteranopia (green-blind)
#021E42
Tritanopia (blue-blind)
#271B28
Achromatopsia (no color)
#1E1E1E
Design tokens & code
CSS
--color: #2b1043; /* rgb */ color: rgb(43, 16, 67); /* oklch */ color: oklch(24.6% 0.092 304.7);
Tailwind
colors: {
custom: {
50: '#675077',
500: '#2b1043',
950: '#000000',
},
}SCSS
$custom: #2b1043; $custom-light: #675077; $custom-dark: #000000;
JSON
{
"hex": "#2b1043",
"rgb": {
"r": 43,
"g": 16,
"b": 67
},
"hsl": {
"h": 271.765,
"s": 61.446,
"l": 16.275
},
"oklch": {
"l": 0.24553,
"c": 0.09248,
"h": 304.7
},
"luminance": 0.01289
}Semantic roles & 50–950 ramp
primary
#2B1043
secondary
#557D32
accent
#E5438F
background
#F6F4F7
surface
#EBE7ED
border
#C6C3C8
text
#060209
muted
#7A787B