#771C4A#771C4A
#771C4A is a dark, vivid pink. Relative luminance 0.052; OKLCH L 39.2% C 0.132 H 354.2°. Best body text is #FFFFFF at 10.25:1 contrast (WCAG AA passes).
Color values
| HEX | #771C4A |
|---|---|
| RGB | rgb(119, 28, 74) |
| HSL | hsl(330, 62%, 29%) |
| HSV | hsv(330, 76%, 47%) |
| CMYK | cmyk(0%, 76.5%, 37.8%, 53.3%) |
| CIE-LAB | lab(27.43, 42.87, -5.25) |
| CIE-LCH | lch(27.43, 43.19, 353.02°) |
| OKLab | oklab(39.18% 0.1315 -0.0133) |
| OKLCH | oklch(39.18% 0.132 354.2) |
| XYZ | xyz(9.2596, 5.2480, 7.0026) |
| Luminance | 0.0525 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Red Purple
#820747
ΔE00 3.01
Velvet
#750851
ΔE00 4.25
Wine (survey)
#80013F
ΔE00 4.28
Merlot
#730039
ΔE00 4.41
Reddish Purple
#910951
ΔE00 5.03
Mulberry
#920A4E
ΔE00 5.41
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#771C4A #1C7749
analogous
#771C77 #771C4A #771C1D
triadic
#771C4A #4A771C #1C4A77
tetradic
#771C4A #77771C #1C7749 #1C1D77
square
#771C4A #77771C #1C7749 #1C1D77
split-complementary
#771C4A #1D771C #1C7777
monochromatic
#19060F #45102B #771C4A #A92869 #D13C88
Accessibility & contrast
On white
10.25
#771C4A on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.05
#771C4A on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #771C4A
10.25:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##771C4A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##771C4A | 1.00 | 10.25 | 2.05 | 10.25 |
| #FFFFFF | 10.25 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.05 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 10.25 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#2D364B
Deuteranopia (green-blind)
#474748
Tritanopia (blue-blind)
#811330
Achromatopsia (no color)
#414141
Design tokens & code
CSS
--color: #771c4a; /* rgb */ color: rgb(119, 28, 74); /* oklch */ color: oklch(39.2% 0.132 354.2);
Tailwind
colors: {
custom: {
50: '#a2617c',
500: '#771c4a',
950: '#000000',
},
}SCSS
$custom: #771c4a; $custom-light: #a2617c; $custom-dark: #000000;
JSON
{
"hex": "#771c4a",
"rgb": {
"r": 119,
"g": 28,
"b": 74
},
"hsl": {
"h": 329.67,
"s": 61.905,
"l": 28.824
},
"oklch": {
"l": 0.39182,
"c": 0.13216,
"h": 354.2
},
"luminance": 0.05247
}Semantic roles & 50–950 ramp
primary
#771C4A
secondary
#44AB77
accent
#E59343
background
#FAF6F7
surface
#F4EBEE
border
#CEC6C9
text
#100509
muted
#7F7A7B