#762741#762741
#762741 is a dark, moderate pink. Relative luminance 0.057; OKLCH L 39.9% C 0.113 H 3.4°. Best body text is #FFFFFF at 9.83:1 contrast (WCAG AA passes).
Color values
| HEX | #762741 |
|---|---|
| RGB | rgb(118, 39, 65) |
| HSL | hsl(340, 50%, 31%) |
| HSV | hsv(340, 67%, 46%) |
| CMYK | cmyk(0%, 66.9%, 44.9%, 53.7%) |
| CIE-LAB | lab(28.60, 36.91, 2.46) |
| CIE-LCH | lch(28.60, 36.99, 3.81°) |
| OKLab | oklab(39.91% 0.1127 0.0068) |
| OKLCH | oklch(39.91% 0.113 3.4) |
| XYZ | xyz(9.1515, 5.6853, 5.6155) |
| Luminance | 0.0568 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Wine (survey)
#80013F
ΔE00 4.95
Merlot
#730039
ΔE00 5.36
Red Purple
#820747
ΔE00 5.45
Wine
#722F37
ΔE00 5.63
Bordeaux
#7B002C
ΔE00 6.58
Mulberry
#920A4E
ΔE00 6.63
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#762741 #27765C
analogous
#762768 #762741 #763427
triadic
#762741 #417627 #274176
tetradic
#762741 #687627 #27765C #342776
square
#762741 #687627 #27765C #342776
split-complementary
#762741 #277634 #276876
monochromatic
#1A090E #481828 #762741 #A4365A #C65278
Accessibility & contrast
On white
9.83
#762741 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.14
#762741 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #762741
9.83:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##762741 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##762741 | 1.00 | 9.83 | 2.14 | 9.83 |
| #FFFFFF | 9.83 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.14 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 9.83 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#373A42
Deuteranopia (green-blind)
#4C493F
Tritanopia (blue-blind)
#801D31
Achromatopsia (no color)
#434343
Design tokens & code
CSS
--color: #762741; /* rgb */ color: rgb(118, 39, 65); /* oklch */ color: oklch(39.9% 0.113 3.4);
Tailwind
colors: {
custom: {
50: '#a16675',
500: '#762741',
950: '#000000',
},
}SCSS
$custom: #762741; $custom-light: #a16675; $custom-dark: #000000;
JSON
{
"hex": "#762741",
"rgb": {
"r": 118,
"g": 39,
"b": 65
},
"hsl": {
"h": 340.253,
"s": 50.318,
"l": 30.784
},
"oklch": {
"l": 0.39914,
"c": 0.1129,
"h": 3.4
},
"luminance": 0.05684
}Semantic roles & 50–950 ramp
primary
#762741
secondary
#51A88B
accent
#DAAC4E
background
#FAF6F7
surface
#F4EBED
border
#CEC6C8
text
#0F0608
muted
#7F7A7B