#47052E#47052E
#47052E is a dark, moderate pink. Relative luminance 0.016; OKLCH L 26.8% C 0.104 H 348.8°. Best body text is #FFFFFF at 15.80:1 contrast (WCAG AA passes).
Color values
| HEX | #47052E |
|---|---|
| RGB | rgb(71, 5, 46) |
| HSL | hsl(323, 87%, 15%) |
| HSV | hsv(323, 93%, 28%) |
| CMYK | cmyk(0%, 93%, 35.2%, 72.2%) |
| CIE-LAB | lab(13.51, 33.36, -7.71) |
| CIE-LCH | lch(13.51, 34.24, 346.99°) |
| OKLab | oklab(26.82% 0.1022 -0.0202) |
| OKLCH | oklch(26.82% 0.104 348.8) |
| XYZ | xyz(3.1461, 1.6458, 2.7362) |
| Luminance | 0.0164 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Dark Plum
#3F012C
ΔE00 2.20
Aubergine
#3D0734
ΔE00 4.41
Plum (survey)
#580F41
ΔE00 4.62
Eggplant
#380835
ΔE00 6.01
Eggplant Purple
#430541
ΔE00 6.93
Deep Violet
#490648
ΔE00 7.78
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#47052E #05471E
analogous
#3F0547 #47052E #47050D
triadic
#47052E #2E4705 #052E47
tetradic
#47052E #473F05 #05471E #050D47
square
#47052E #473F05 #05471E #050D47
split-complementary
#47052E #0D4705 #05473F
monochromatic
#1D0213 #1D0213 #47052E #800953 #B90D78
Accessibility & contrast
On white
15.80
#47052E on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.33
#47052E on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #47052E
15.80:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##47052E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##47052E | 1.00 | 15.80 | 1.33 | 15.80 |
| #FFFFFF | 15.80 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.33 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 15.80 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#111B2F
Deuteranopia (green-blind)
#25272D
Tritanopia (blue-blind)
#4D0219
Achromatopsia (no color)
#232323
Design tokens & code
CSS
--color: #47052e; /* rgb */ color: rgb(71, 5, 46); /* oklch */ color: oklch(26.8% 0.104 348.8);
Tailwind
colors: {
custom: {
50: '#7e4f66',
500: '#47052e',
950: '#000000',
},
}SCSS
$custom: #47052e; $custom-light: #7e4f66; $custom-dark: #000000;
JSON
{
"hex": "#47052e",
"rgb": {
"r": 71,
"g": 5,
"b": 46
},
"hsl": {
"h": 322.727,
"s": 86.842,
"l": 14.902
},
"oklch": {
"l": 0.26822,
"c": 0.10418,
"h": 348.8
},
"luminance": 0.01645
}Semantic roles & 50–950 ramp
primary
#47052E
secondary
#218748
accent
#FD7A2B
background
#F7F4F6
surface
#EEE7EB
border
#C9C3C6
text
#0A0206
muted
#7C787A