#221261#221261
#221261 is a dark, vivid violet. Relative luminance 0.016; OKLCH L 26.8% C 0.129 H 282.6°. Best body text is #FFFFFF at 15.82:1 contrast (WCAG AA passes).
Color values
| HEX | #221261 |
|---|---|
| RGB | rgb(34, 18, 97) |
| HSL | hsl(252, 69%, 23%) |
| HSV | hsv(252, 81%, 38%) |
| CMYK | cmyk(64.9%, 81.4%, 0%, 62%) |
| CIE-LAB | lab(13.45, 31.67, -43.67) |
| CIE-LCH | lch(13.45, 53.95, 305.95°) |
| OKLab | oklab(26.79% 0.0282 -0.1259) |
| OKLCH | oklch(26.79% 0.129 282.6) |
| XYZ | xyz(3.0330, 1.6356, 11.4628) |
| Luminance | 0.0164 (WCAG relative) |
| Temperature | cool |
| Family | violet |
Closest named colors
Dark Indigo
#1F0954
ΔE00 2.71
Midnight Blue
#191970
ΔE00 3.34
Darkblue (survey)
#030764
ΔE00 3.69
Dark Blue
#00035B
ΔE00 4.33
Dark Royal Blue
#02066F
ΔE00 4.47
Deep Blue
#040273
ΔE00 5.13
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#221261 #516112
analogous
#122961 #221261 #4A1261
triadic
#221261 #612212 #126122
tetradic
#221261 #611229 #516112 #12614A
square
#221261 #611229 #516112 #12614A
split-complementary
#221261 #614A12 #296112
monochromatic
#09051A #10082D #221261 #341C95 #4625C8
Accessibility & contrast
On white
15.82
#221261 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.33
#221261 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #221261
15.82:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##221261 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##221261 | 1.00 | 15.82 | 1.33 | 15.82 |
| #FFFFFF | 15.82 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.33 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 15.82 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#002563
Deuteranopia (green-blind)
#002060
Tritanopia (blue-blind)
#002939
Achromatopsia (no color)
#222222
Design tokens & code
CSS
--color: #221261; /* rgb */ color: rgb(34, 18, 97); /* oklch */ color: oklch(26.8% 0.129 282.6);
Tailwind
colors: {
custom: {
50: '#67528f',
500: '#221261',
950: '#000000',
},
}SCSS
$custom: #221261; $custom-light: #67528f; $custom-dark: #000000;
JSON
{
"hex": "#221261",
"rgb": {
"r": 34,
"g": 18,
"b": 97
},
"hsl": {
"h": 252.152,
"s": 68.696,
"l": 22.549
},
"oklch": {
"l": 0.26793,
"c": 0.12904,
"h": 282.6
},
"luminance": 0.01636
}Semantic roles & 50–950 ramp
primary
#221261
secondary
#859936
accent
#EC3CC8
background
#F6F4F8
surface
#EBE7F0
border
#C6C3CB
text
#07020C
muted
#7A787D