#771943#771943
#771943 is a dark, vivid pink. Relative luminance 0.050; OKLCH L 38.6% C 0.133 H 358.5°. Best body text is #FFFFFF at 10.48:1 contrast (WCAG AA passes).
Color values
| HEX | #771943 |
|---|---|
| RGB | rgb(119, 25, 67) |
| HSL | hsl(333, 65%, 28%) |
| HSV | hsv(333, 79%, 47%) |
| CMYK | cmyk(0%, 79%, 43.7%, 53.3%) |
| CIE-LAB | lab(26.80, 43.15, -1.48) |
| CIE-LCH | lch(26.80, 43.17, 358.03°) |
| OKLab | oklab(38.64% 0.1326 -0.0034) |
| OKLCH | oklch(38.64% 0.133 358.5) |
| XYZ | xyz(8.9692, 5.0236, 5.8064) |
| Luminance | 0.0502 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Red Purple
#820747
ΔE00 2.61
Wine (survey)
#80013F
ΔE00 2.81
Merlot
#730039
ΔE00 2.95
Mulberry
#920A4E
ΔE00 5.17
Reddish Purple
#910951
ΔE00 5.18
Velvet
#750851
ΔE00 5.86
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#771943 #19774D
analogous
#771972 #771943 #771E19
triadic
#771943 #437719 #194377
tetradic
#771943 #727719 #19774D #1E1977
square
#771943 #727719 #19774D #1E1977
split-complementary
#771943 #19771E #197277
monochromatic
#19050E #440E27 #771943 #AA245F #D5367D
Accessibility & contrast
On white
10.48
#771943 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.00
#771943 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #771943
10.48:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##771943 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##771943 | 1.00 | 10.48 | 2.00 | 10.48 |
| #FFFFFF | 10.48 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.00 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 10.48 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#2E3444
Deuteranopia (green-blind)
#474641
Tritanopia (blue-blind)
#81092B
Achromatopsia (no color)
#3F3F3F
Design tokens & code
CSS
--color: #771943; /* rgb */ color: rgb(119, 25, 67); /* oklch */ color: oklch(38.6% 0.133 358.5);
Tailwind
colors: {
custom: {
50: '#a36077',
500: '#771943',
950: '#000000',
},
}SCSS
$custom: #771943; $custom-light: #a36077; $custom-dark: #000000;
JSON
{
"hex": "#771943",
"rgb": {
"r": 119,
"g": 25,
"b": 67
},
"hsl": {
"h": 333.191,
"s": 65.278,
"l": 28.235
},
"oklch": {
"l": 0.3864,
"c": 0.13259,
"h": 358.5
},
"luminance": 0.05022
}Semantic roles & 50–950 ramp
primary
#771943
secondary
#40AC7C
accent
#E89D40
background
#FAF5F7
surface
#F4EAED
border
#CEC6C8
text
#100508
muted
#7F797B