#62105A#62105A
#62105A is a dark, vivid purple. Relative luminance 0.037; OKLCH L 35.2% C 0.141 H 332.7°. Best body text is #FFFFFF at 12.06:1 contrast (WCAG AA passes).
Color values
| HEX | #62105A |
|---|---|
| RGB | rgb(98, 16, 90) |
| HSL | hsl(306, 72%, 22%) |
| HSV | hsv(306, 84%, 38%) |
| CMYK | cmyk(0%, 83.7%, 8.2%, 61.6%) |
| CIE-LAB | lab(22.67, 43.56, -23.60) |
| CIE-LCH | lch(22.67, 49.54, 331.55°) |
| OKLab | oklab(35.22% 0.1255 -0.0649) |
| OKLCH | oklch(35.22% 0.141 332.7) |
| XYZ | xyz(7.0678, 3.7060, 10.0140) |
| Luminance | 0.0370 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
Closest named colors
Grape Purple
#5D1451
ΔE00 2.22
Rich Purple
#720058
ΔE00 3.88
Plum Purple
#4E0550
ΔE00 4.38
Darkish Purple
#751973
ΔE00 5.23
Deep Violet
#490648
ΔE00 5.34
Plum (survey)
#580F41
ΔE00 5.90
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#62105A #106218
analogous
#411062 #62105A #621031
triadic
#62105A #5A6210 #105A62
tetradic
#62105A #624110 #106218 #103162
square
#62105A #624110 #106218 #103162
split-complementary
#62105A #316210 #106241
monochromatic
#1A0418 #2D072A #62105A #97198A #CB21BB
Accessibility & contrast
On white
12.06
#62105A on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.74
#62105A on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #62105A
12.06:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##62105A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##62105A | 1.00 | 12.06 | 1.74 | 12.06 |
| #FFFFFF | 12.06 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.74 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 12.06 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#0A2F5C
Deuteranopia (green-blind)
#2D3A58
Tritanopia (blue-blind)
#671A35
Achromatopsia (no color)
#363636
Design tokens & code
CSS
--color: #62105a; /* rgb */ color: rgb(98, 16, 90); /* oklch */ color: oklch(35.2% 0.141 332.7);
Tailwind
colors: {
custom: {
50: '#925a89',
500: '#62105a',
950: '#000000',
},
}SCSS
$custom: #62105a; $custom-light: #925a89; $custom-dark: #000000;
JSON
{
"hex": "#62105a",
"rgb": {
"r": 98,
"g": 16,
"b": 90
},
"hsl": {
"h": 305.854,
"s": 71.93,
"l": 22.353
},
"oklch": {
"l": 0.35221,
"c": 0.14131,
"h": 332.7
},
"luminance": 0.03705
}Semantic roles & 50–950 ramp
primary
#62105A
secondary
#339B3D
accent
#EF4B39
background
#F9F5F8
surface
#F2E9F0
border
#CCC5CB
text
#0D040B
muted
#7E797C