#741E49#741E49
#741E49 is a dark, vivid pink. Relative luminance 0.051; OKLCH L 38.8% C 0.127 H 354.0°. Best body text is #FFFFFF at 10.37:1 contrast (WCAG AA passes).
Color values
| HEX | #741E49 |
|---|---|
| RGB | rgb(116, 30, 73) |
| HSL | hsl(330, 59%, 29%) |
| HSV | hsv(330, 74%, 45%) |
| CMYK | cmyk(0%, 74.1%, 37.1%, 54.5%) |
| CIE-LAB | lab(27.08, 41.09, -5.16) |
| CIE-LCH | lch(27.08, 41.41, 352.84°) |
| OKLab | oklab(38.81% 0.1259 -0.0131) |
| OKLCH | oklch(38.81% 0.127 354) |
| XYZ | xyz(8.8699, 5.1236, 6.8239) |
| Luminance | 0.0512 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Red Purple
#820747
ΔE00 3.58
Velvet
#750851
ΔE00 4.45
Merlot
#730039
ΔE00 4.49
Wine (survey)
#80013F
ΔE00 4.65
Reddish Purple
#910951
ΔE00 5.66
Mulberry
#920A4E
ΔE00 6.00
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#741E49 #1E7449
analogous
#741E74 #741E49 #741E1E
triadic
#741E49 #49741E #1E4974
tetradic
#741E49 #74741E #1E7449 #1E1E74
square
#741E49 #74741E #1E7449 #1E1E74
split-complementary
#741E49 #1E741E #1E7474
monochromatic
#18060F #43112A #741E49 #A52B68 #CD3F86
Accessibility & contrast
On white
10.37
#741E49 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.02
#741E49 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #741E49
10.37:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##741E49 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##741E49 | 1.00 | 10.37 | 2.02 | 10.37 |
| #FFFFFF | 10.37 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.02 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 10.37 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#2D364A
Deuteranopia (green-blind)
#454647
Tritanopia (blue-blind)
#7D1630
Achromatopsia (no color)
#404040
Design tokens & code
CSS
--color: #741e49; /* rgb */ color: rgb(116, 30, 73); /* oklch */ color: oklch(38.8% 0.127 354.0);
Tailwind
colors: {
custom: {
50: '#a0627b',
500: '#741e49',
950: '#000000',
},
}SCSS
$custom: #741e49; $custom-light: #a0627b; $custom-dark: #000000;
JSON
{
"hex": "#741e49",
"rgb": {
"r": 116,
"g": 30,
"b": 73
},
"hsl": {
"h": 330,
"s": 58.904,
"l": 28.627
},
"oklch": {
"l": 0.38808,
"c": 0.12653,
"h": 354
},
"luminance": 0.05123
}Semantic roles & 50–950 ramp
primary
#741E49
secondary
#46A877
accent
#E29446
background
#FAF6F7
surface
#F4EBED
border
#CEC6C8
text
#0F0509
muted
#7F7A7B