#21105B#21105B
#21105B is a dark, vivid violet. Relative luminance 0.014; OKLCH L 25.8% C 0.123 H 284.0°. Best body text is #FFFFFF at 16.28:1 contrast (WCAG AA passes).
Color values
| HEX | #21105B |
|---|---|
| RGB | rgb(33, 16, 91) |
| HSL | hsl(254, 70%, 21%) |
| HSV | hsv(254, 82%, 36%) |
| CMYK | cmyk(63.7%, 82.4%, 0%, 64.3%) |
| CIE-LAB | lab(12.28, 30.67, -41.57) |
| CIE-LCH | lch(12.28, 51.66, 306.41°) |
| OKLab | oklab(25.75% 0.0298 -0.1198) |
| OKLCH | oklch(25.75% 0.123 284) |
| XYZ | xyz(2.7002, 1.4491, 10.0329) |
| Luminance | 0.0145 (WCAG relative) |
| Temperature | cool |
| Family | violet |
Closest named colors
Dark Indigo
#1F0954
ΔE00 1.75
Darkblue (survey)
#030764
ΔE00 3.97
Dark Blue
#00035B
ΔE00 4.19
Midnight Blue
#191970
ΔE00 4.32
Night Blue
#040348
ΔE00 4.72
Dark Royal Blue
#02066F
ΔE00 5.05
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#21105B #4A5B10
analogous
#10245B #21105B #46105B
triadic
#21105B #5B2110 #105B21
tetradic
#21105B #5B1024 #4A5B10 #105B46
square
#21105B #5B1024 #4A5B10 #105B46
split-complementary
#21105B #5B4610 #245B10
monochromatic
#09051A #0E0727 #21105B #34198F #4722C3
Accessibility & contrast
On white
16.28
#21105B on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.29
#21105B on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #21105B
16.28:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##21105B | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##21105B | 1.00 | 16.28 | 1.29 | 16.28 |
| #FFFFFF | 16.28 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.29 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 16.28 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#00225D
Deuteranopia (green-blind)
#001E5A
Tritanopia (blue-blind)
#002635
Achromatopsia (no color)
#202020
Design tokens & code
CSS
--color: #21105b; /* rgb */ color: rgb(33, 16, 91); /* oklch */ color: oklch(25.8% 0.123 284.0);
Tailwind
colors: {
custom: {
50: '#65518a',
500: '#21105b',
950: '#000000',
},
}SCSS
$custom: #21105b; $custom-light: #65518a; $custom-dark: #000000;
JSON
{
"hex": "#21105b",
"rgb": {
"r": 33,
"g": 16,
"b": 91
},
"hsl": {
"h": 253.6,
"s": 70.093,
"l": 20.98
},
"oklch": {
"l": 0.2575,
"c": 0.12347,
"h": 284
},
"luminance": 0.01449
}Semantic roles & 50–950 ramp
primary
#21105B
secondary
#7E9433
accent
#ED3BC5
background
#F6F4F8
surface
#EBE7F0
border
#C6C3CB
text
#06020C
muted
#7A787D