#201C93#201C93
#201C93 is a dark, vivid blue. Relative luminance 0.032; OKLCH L 33.7% C 0.183 H 272.2°. Best body text is #FFFFFF at 12.74:1 contrast (WCAG AA passes).
Color values
| HEX | #201C93 |
|---|---|
| RGB | rgb(32, 28, 147) |
| HSL | hsl(242, 68%, 34%) |
| HSV | hsv(242, 81%, 58%) |
| CMYK | cmyk(78.2%, 81%, 0%, 42.4%) |
| CIE-LAB | lab(20.99, 42.63, -63.24) |
| CIE-LCH | lch(20.99, 76.27, 303.99°) |
| OKLab | oklab(33.75% 0.0069 -0.183) |
| OKLCH | oklch(33.75% 0.183 272.2) |
| XYZ | xyz(6.2756, 3.2435, 27.8934) |
| Luminance | 0.0324 (WCAG relative) |
| Temperature | cool |
| Family | blue |
Closest named colors
Royal
#0C1793
ΔE00 1.49
Cobalt Blue
#030AA7
ΔE00 3.72
Royal Blue (survey)
#0504AA
ΔE00 4.30
Darkblue
#00008B
ΔE00 4.84
Ultramarine
#2000B1
ΔE00 5.02
Indigo Blue
#3A18B1
ΔE00 5.10
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#201C93 #8F931C
analogous
#1C5493 #201C93 #5C1C93
triadic
#201C93 #93201C #1C9320
tetradic
#201C93 #931C54 #8F931C #1C935C
square
#201C93 #931C54 #8F931C #1C935C
split-complementary
#201C93 #935C1C #54931C
monochromatic
#0A082C #151260 #201C93 #2B26C6 #514CDD
Accessibility & contrast
On white
12.74
#201C93 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.65
#201C93 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #201C93
12.74:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##201C93 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##201C93 | 1.00 | 12.74 | 1.65 | 12.74 |
| #FFFFFF | 12.74 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.65 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 12.74 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#003896
Deuteranopia (green-blind)
#002C91
Tritanopia (blue-blind)
#004158
Achromatopsia (no color)
#323232
Design tokens & code
CSS
--color: #201c93; /* rgb */ color: rgb(32, 28, 147); /* oklch */ color: oklch(33.7% 0.183 272.2);
Tailwind
colors: {
custom: {
50: '#715bb4',
500: '#201c93',
950: '#000000',
},
}SCSS
$custom: #201c93; $custom-light: #715bb4; $custom-dark: #000000;
JSON
{
"hex": "#201c93",
"rgb": {
"r": 32,
"g": 28,
"b": 147
},
"hsl": {
"h": 242.017,
"s": 68,
"l": 34.314
},
"oklch": {
"l": 0.33747,
"c": 0.18315,
"h": 272.2
},
"luminance": 0.03244
}Semantic roles & 50–950 ramp
primary
#201C93
secondary
#BBBF4C
accent
#EB3DE5
background
#F7F5FB
surface
#EDE9F6
border
#C8C5D0
text
#090411
muted
#7B7980