#340C51#340C51
#340C51 is a dark, moderate violet. Relative luminance 0.016; OKLCH L 26.6% C 0.117 H 306.0°. Best body text is #FFFFFF at 15.94:1 contrast (WCAG AA passes).
Color values
| HEX | #340C51 |
|---|---|
| RGB | rgb(52, 12, 81) |
| HSL | hsl(275, 74%, 18%) |
| HSV | hsv(275, 85%, 32%) |
| CMYK | cmyk(35.8%, 85.2%, 0%, 68.2%) |
| CIE-LAB | lab(13.15, 32.93, -33.26) |
| CIE-LCH | lch(13.15, 46.80, 314.72°) |
| OKLab | oklab(26.62% 0.0688 -0.0947) |
| OKLCH | oklch(26.62% 0.117 306) |
| XYZ | xyz(3.0325, 1.5871, 7.9296) |
| Luminance | 0.0159 (WCAG relative) |
| Temperature | cool |
| Family | violet |
Closest named colors
Dark Violet
#34013F
ΔE00 4.43
Dark Indigo
#1F0954
ΔE00 4.62
Deep Purple
#36013F
ΔE00 4.72
Dark Purple
#35063E
ΔE00 4.82
Midnight Purple
#280137
ΔE00 5.34
Very Dark Purple
#2A0134
ΔE00 6.16
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#340C51 #29510C
analogous
#110C51 #340C51 #510C4B
triadic
#340C51 #51340C #0C5134
tetradic
#340C51 #51110C #29510C #0C4B51
square
#340C51 #51110C #29510C #0C4B51
split-complementary
#340C51 #4B510C #0C5111
monochromatic
#11041B #12041C #340C51 #561486 #781CBC
Accessibility & contrast
On white
15.94
#340C51 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.32
#340C51 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #340C51
15.94:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##340C51 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##340C51 | 1.00 | 15.94 | 1.32 | 15.94 |
| #FFFFFF | 15.94 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.32 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 15.94 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#002153
Deuteranopia (green-blind)
#002250
Tritanopia (blue-blind)
#2F1E2E
Achromatopsia (no color)
#222222
Design tokens & code
CSS
--color: #340c51; /* rgb */ color: rgb(52, 12, 81); /* oklch */ color: oklch(26.6% 0.117 306.0);
Tailwind
colors: {
custom: {
50: '#6f5082',
500: '#340c51',
950: '#000000',
},
}SCSS
$custom: #340c51; $custom-light: #6f5082; $custom-dark: #000000;
JSON
{
"hex": "#340c51",
"rgb": {
"r": 52,
"g": 12,
"b": 81
},
"hsl": {
"h": 274.783,
"s": 74.194,
"l": 18.235
},
"oklch": {
"l": 0.26624,
"c": 0.11701,
"h": 306
},
"luminance": 0.01587
}Semantic roles & 50–950 ramp
primary
#340C51
secondary
#558C2C
accent
#F13785
background
#F6F4F8
surface
#ECE7EF
border
#C7C3CA
text
#08020A
muted
#7B787C