#792F59#792F59
#792F59 is a dark, moderate pink. Relative luminance 0.068; OKLCH L 42.4% C 0.115 H 348.0°. Best body text is #FFFFFF at 8.88:1 contrast (WCAG AA passes).
Color values
| HEX | #792F59 |
|---|---|
| RGB | rgb(121, 47, 89) |
| HSL | hsl(326, 44%, 33%) |
| HSV | hsv(326, 61%, 47%) |
| CMYK | cmyk(0%, 61.2%, 26.4%, 52.5%) |
| CIE-LAB | lab(31.39, 37.18, -9.12) |
| CIE-LCH | lch(31.39, 38.28, 346.21°) |
| OKLab | oklab(42.36% 0.1122 -0.0239) |
| OKLCH | oklch(42.36% 0.115 348) |
| XYZ | xyz(10.7052, 6.8203, 10.2019) |
| Luminance | 0.0682 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Grape
#6C3461
ΔE00 4.68
Velvet
#750851
ΔE00 6.09
Bruise
#7E4071
ΔE00 6.09
Red Purple
#820747
ΔE00 6.64
Reddish Purple
#910951
ΔE00 6.83
Dark Magenta
#960056
ΔE00 7.21
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#792F59 #2F794F
analogous
#742F79 #792F59 #792F34
triadic
#792F59 #59792F #2F5979
tetradic
#792F59 #79742F #2F794F #2F3479
square
#792F59 #79742F #2F794F #2F3479
split-complementary
#792F59 #34792F #2F7974
monochromatic
#210D18 #4D1E39 #792F59 #A54079 #C26198
Accessibility & contrast
On white
8.88
#792F59 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.36
#792F59 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #792F59
8.88:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##792F59 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##792F59 | 1.00 | 8.88 | 2.36 | 8.88 |
| #FFFFFF | 8.88 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.36 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.88 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#37425A
Deuteranopia (green-blind)
#4C4F57
Tritanopia (blue-blind)
#812D40
Achromatopsia (no color)
#4A4A4A
Design tokens & code
CSS
--color: #792f59; /* rgb */ color: rgb(121, 47, 89); /* oklch */ color: oklch(42.4% 0.115 348.0);
Tailwind
colors: {
custom: {
50: '#a26c88',
500: '#792f59',
950: '#000000',
},
}SCSS
$custom: #792f59; $custom-light: #a26c88; $custom-dark: #000000;
JSON
{
"hex": "#792f59",
"rgb": {
"r": 121,
"g": 47,
"b": 89
},
"hsl": {
"h": 325.946,
"s": 44.048,
"l": 32.941
},
"oklch": {
"l": 0.42361,
"c": 0.11476,
"h": 348
},
"luminance": 0.06819
}Semantic roles & 50–950 ramp
primary
#792F59
secondary
#5BA87D
accent
#D48B54
background
#FAF6F8
surface
#F4EBEF
border
#CEC6CA
text
#0F070B
muted
#7F7A7C