#691036#691036
#691036 is a dark, vivid pink. Relative luminance 0.036; OKLCH L 34.8% C 0.125 H 1.0°. Best body text is #FFFFFF at 12.15:1 contrast (WCAG AA passes).
Color values
| HEX | #691036 |
|---|---|
| RGB | rgb(105, 16, 54) |
| HSL | hsl(334, 74%, 24%) |
| HSV | hsv(334, 85%, 41%) |
| CMYK | cmyk(0%, 84.8%, 48.6%, 58.8%) |
| CIE-LAB | lab(22.45, 40.59, 0.70) |
| CIE-LCH | lch(22.45, 40.60, 0.99°) |
| OKLab | oklab(34.78% 0.1247 0.0022) |
| OKLCH | oklch(34.78% 0.125 1) |
| XYZ | xyz(6.6774, 3.6411, 3.8405) |
| Luminance | 0.0364 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Merlot
#730039
ΔE00 2.35
Wine (survey)
#80013F
ΔE00 4.51
Burgundy (survey)
#610023
ΔE00 5.16
Red Purple
#820747
ΔE00 5.37
Maroon (survey)
#650021
ΔE00 6.33
Bordeaux
#7B002C
ΔE00 6.48
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#691036 #106943
analogous
#691062 #691036 #691610
triadic
#691036 #366910 #103669
tetradic
#691036 #626910 #106943 #161069
square
#691036 #626910 #106943 #161069
split-complementary
#691036 #106916 #106269
monochromatic
#1B040E #34081B #691036 #9E1851 #D3206D
Accessibility & contrast
On white
12.15
#691036 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.73
#691036 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #691036
12.15:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##691036 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##691036 | 1.00 | 12.15 | 1.73 | 12.15 |
| #FFFFFF | 12.15 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.73 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 12.15 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#262B37
Deuteranopia (green-blind)
#3E3C34
Tritanopia (blue-blind)
#730021
Achromatopsia (no color)
#363636
Design tokens & code
CSS
--color: #691036; /* rgb */ color: rgb(105, 16, 54); /* oklch */ color: oklch(34.8% 0.125 1.0);
Tailwind
colors: {
custom: {
50: '#995a6c',
500: '#691036',
950: '#000000',
},
}SCSS
$custom: #691036; $custom-light: #995a6c; $custom-dark: #000000;
JSON
{
"hex": "#691036",
"rgb": {
"r": 105,
"g": 16,
"b": 54
},
"hsl": {
"h": 334.382,
"s": 73.554,
"l": 23.725
},
"oklch": {
"l": 0.3478,
"c": 0.12474,
"h": 1
},
"luminance": 0.0364
}Semantic roles & 50–950 ramp
primary
#691036
secondary
#34A172
accent
#F0A138
background
#F9F5F6
surface
#F2E9EB
border
#CCC5C6
text
#0E0407
muted
#7E797A