#792267#792267
#792267 is a dark, vivid pink. Relative luminance 0.062; OKLCH L 41.5% C 0.144 H 337.3°. Best body text is #FFFFFF at 9.39:1 contrast (WCAG AA passes).
Color values
| HEX | #792267 |
|---|---|
| RGB | rgb(121, 34, 103) |
| HSL | hsl(312, 56%, 30%) |
| HSV | hsv(312, 72%, 47%) |
| CMYK | cmyk(0%, 71.9%, 14.9%, 52.5%) |
| CIE-LAB | lab(29.89, 45.18, -20.49) |
| CIE-LCH | lch(29.89, 49.61, 335.60°) |
| OKLab | oklab(41.46% 0.1331 -0.0556) |
| OKLCH | oklch(41.46% 0.144 337.3) |
| XYZ | xyz(10.9056, 6.1893, 13.4496) |
| Luminance | 0.0619 (WCAG relative) |
| Temperature | neutral |
| Family | pink |
Closest named colors
Darkish Purple
#751973
ΔE00 4.10
Rich Purple
#720058
ΔE00 4.47
Grape
#6C3461
ΔE00 5.08
Velvet
#750851
ΔE00 5.20
Grape Purple
#5D1451
ΔE00 6.37
Purple
#800080
ΔE00 6.41
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#792267 #227934
analogous
#5F2279 #792267 #79223B
triadic
#792267 #677922 #226779
tetradic
#792267 #795F22 #227934 #223B79
square
#792267 #795F22 #227934 #223B79
split-complementary
#792267 #3B7922 #22795F
monochromatic
#190716 #49153E #792267 #A92F90 #CC49B1
Accessibility & contrast
On white
9.39
#792267 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.24
#792267 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #792267
9.39:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##792267 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##792267 | 1.00 | 9.39 | 2.24 | 9.39 |
| #FFFFFF | 9.39 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.24 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 9.39 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#253E69
Deuteranopia (green-blind)
#414B65
Tritanopia (blue-blind)
#802741
Achromatopsia (no color)
#464646
Design tokens & code
CSS
--color: #792267; /* rgb */ color: rgb(121, 34, 103); /* oklch */ color: oklch(41.5% 0.144 337.3);
Tailwind
colors: {
custom: {
50: '#a36592',
500: '#792267',
950: '#000000',
},
}SCSS
$custom: #792267; $custom-light: #a36592; $custom-dark: #000000;
JSON
{
"hex": "#792267",
"rgb": {
"r": 121,
"g": 34,
"b": 103
},
"hsl": {
"h": 312.414,
"s": 56.129,
"l": 30.392
},
"oklch": {
"l": 0.41456,
"c": 0.14421,
"h": 337.3
},
"luminance": 0.06188
}Semantic roles & 50–950 ramp
primary
#792267
secondary
#4BAC5F
accent
#DF6848
background
#FAF6F9
surface
#F4EBF1
border
#CEC6CB
text
#0F060D
muted
#7F7A7E