#6F0E30#6F0E30
#6F0E30 is a dark, vivid pink. Relative luminance 0.039; OKLCH L 35.6% C 0.130 H 7.2°. Best body text is #FFFFFF at 11.79:1 contrast (WCAG AA passes).
Color values
| HEX | #6F0E30 |
|---|---|
| RGB | rgb(111, 14, 48) |
| HSL | hsl(339, 78%, 25%) |
| HSV | hsv(339, 87%, 44%) |
| CMYK | cmyk(0%, 87.4%, 56.8%, 56.5%) |
| CIE-LAB | lab(23.36, 42.34, 6.35) |
| CIE-LCH | lch(23.36, 42.82, 8.53°) |
| OKLab | oklab(35.62% 0.1292 0.0163) |
| OKLCH | oklch(35.62% 0.13 7.2) |
| XYZ | xyz(7.2468, 3.9080, 3.1685) |
| Luminance | 0.0391 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Bordeaux
#7B002C
ΔE00 3.40
Burgundy (survey)
#610023
ΔE00 3.60
Merlot
#730039
ΔE00 3.73
Maroon (survey)
#650021
ΔE00 3.95
Wine (survey)
#80013F
ΔE00 4.68
Red Wine
#8C0034
ΔE00 5.91
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#6F0E30 #0E6F4D
analogous
#6F0E61 #6F0E30 #6F1D0E
triadic
#6F0E30 #306F0E #0E306F
tetradic
#6F0E30 #616F0E #0E6F4D #1D0E6F
square
#6F0E30 #616F0E #0E6F4D #1D0E6F
split-complementary
#6F0E30 #0E6F1D #0E616F
monochromatic
#1B030C #390718 #6F0E30 #A51548 #DC1C5F
Accessibility & contrast
On white
11.79
#6F0E30 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.78
#6F0E30 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #6F0E30
11.79:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##6F0E30 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##6F0E30 | 1.00 | 11.79 | 1.78 | 11.79 |
| #FFFFFF | 11.79 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.78 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 11.79 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#2A2B31
Deuteranopia (green-blind)
#433E2E
Tritanopia (blue-blind)
#7A001E
Achromatopsia (no color)
#383838
Design tokens & code
CSS
--color: #6f0e30; /* rgb */ color: rgb(111, 14, 48); /* oklch */ color: oklch(35.6% 0.130 7.2);
Tailwind
colors: {
custom: {
50: '#9e5a68',
500: '#6f0e30',
950: '#000000',
},
}SCSS
$custom: #6f0e30; $custom-light: #9e5a68; $custom-dark: #000000;
JSON
{
"hex": "#6f0e30",
"rgb": {
"r": 111,
"g": 14,
"b": 48
},
"hsl": {
"h": 338.969,
"s": 77.6,
"l": 24.51
},
"oklch": {
"l": 0.35624,
"c": 0.1302,
"h": 7.2
},
"luminance": 0.03907
}Semantic roles & 50–950 ramp
primary
#6F0E30
secondary
#32A77E
accent
#F4B134
background
#FAF5F6
surface
#F4E9EB
border
#CEC5C6
text
#0F0406
muted
#7F797A