#34053F#34053F
#34053F is a very dark, moderate purple. Relative luminance 0.012; OKLCH L 24.3% C 0.107 H 318.9°. Best body text is #FFFFFF at 16.94:1 contrast (WCAG AA passes).
Color values
| HEX | #34053F |
|---|---|
| RGB | rgb(52, 5, 63) |
| HSL | hsl(289, 85%, 13%) |
| HSV | hsv(289, 92%, 25%) |
| CMYK | cmyk(17.5%, 92.1%, 0%, 75.3%) |
| CIE-LAB | lab(10.54, 31.63, -24.93) |
| CIE-LCH | lch(10.54, 40.27, 321.75°) |
| OKLab | oklab(24.3% 0.0805 -0.0702) |
| OKLCH | oklch(24.3% 0.107 318.9) |
| XYZ | xyz(2.3675, 1.1976, 4.8081) |
| Luminance | 0.0120 (WCAG relative) |
| Temperature | cool |
| Family | purple |
Closest named colors
Dark Purple
#35063E
ΔE00 0.58
Dark Violet
#34013F
ΔE00 0.89
Deep Purple
#36013F
ΔE00 0.98
Very Dark Purple
#2A0134
ΔE00 2.54
Midnight Purple
#280137
ΔE00 2.63
Eggplant Purple
#430541
ΔE00 3.72
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#34053F #103F05
analogous
#17053F #34053F #3F052D
triadic
#34053F #3F3405 #053F34
tetradic
#34053F #3F1705 #103F05 #052D3F
square
#34053F #3F1705 #103F05 #052D3F
split-complementary
#34053F #2D3F05 #053F17
monochromatic
#17021C #17021C #34053F #630978 #920EB0
Accessibility & contrast
On white
16.94
#34053F on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.24
#34053F on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #34053F
16.94:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##34053F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##34053F | 1.00 | 16.94 | 1.24 | 16.94 |
| #FFFFFF | 16.94 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.24 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 16.94 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#001A41
Deuteranopia (green-blind)
#091E3E
Tritanopia (blue-blind)
#341222
Achromatopsia (no color)
#1D1D1D
Design tokens & code
CSS
--color: #34053f; /* rgb */ color: rgb(52, 5, 63); /* oklch */ color: oklch(24.3% 0.107 318.9);
Tailwind
colors: {
custom: {
50: '#6e4c74',
500: '#34053f',
950: '#000000',
},
}SCSS
$custom: #34053f; $custom-light: #6e4c74; $custom-dark: #000000;
JSON
{
"hex": "#34053f",
"rgb": {
"r": 52,
"g": 5,
"b": 63
},
"hsl": {
"h": 288.621,
"s": 85.294,
"l": 13.333
},
"oklch": {
"l": 0.24299,
"c": 0.10678,
"h": 318.9
},
"luminance": 0.01197
}Semantic roles & 50–950 ramp
primary
#34053F
secondary
#328020
accent
#FC2C54
background
#F6F4F7
surface
#ECE7ED
border
#C7C3C8
text
#070108
muted
#7A777B