#461A2A#461A2A
#461A2A is a dark, moderate pink. Relative luminance 0.022; OKLCH L 29.0% C 0.070 H 359.6°. Best body text is #FFFFFF at 14.57:1 contrast (WCAG AA passes).
Color values
| HEX | #461A2A |
|---|---|
| RGB | rgb(70, 26, 42) |
| HSL | hsl(338, 46%, 19%) |
| HSV | hsv(338, 63%, 27%) |
| CMYK | cmyk(0%, 62.9%, 40%, 72.5%) |
| CIE-LAB | lab(16.55, 23.05, -0.29) |
| CIE-LCH | lch(16.55, 23.06, 359.28°) |
| OKLab | oklab(28.97% 0.0702 -0.0005) |
| OKLCH | oklch(28.97% 0.07 359.6) |
| XYZ | xyz(3.3133, 2.2084, 2.4418) |
| Luminance | 0.0221 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Dark Plum
#3F012C
ΔE00 7.87
Dark Maroon
#3C0008
ΔE00 8.84
Plum (survey)
#580F41
ΔE00 8.86
Burgundy (survey)
#610023
ΔE00 8.87
Aubergine
#3D0734
ΔE00 9.26
Maroon (survey)
#650021
ΔE00 10.03
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#461A2A #1A4636
analogous
#461A40 #461A2A #46201A
triadic
#461A2A #2A461A #1A2A46
tetradic
#461A2A #40461A #1A4636 #201A46
square
#461A2A #40461A #1A4636 #201A46
split-complementary
#461A2A #1A4620 #1A4046
monochromatic
#16080D #19090F #461A2A #732B45 #9F3B60
Accessibility & contrast
On white
14.57
#461A2A on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.44
#461A2A on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #461A2A
14.57:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##461A2A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##461A2A | 1.00 | 14.57 | 1.44 | 14.57 |
| #FFFFFF | 14.57 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.44 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 14.57 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#21242A
Deuteranopia (green-blind)
#2D2C29
Tritanopia (blue-blind)
#4C1620
Achromatopsia (no color)
#292929
Design tokens & code
CSS
--color: #461a2a; /* rgb */ color: rgb(70, 26, 42); /* oklch */ color: oklch(29.0% 0.070 359.6);
Tailwind
colors: {
custom: {
50: '#7c5963',
500: '#461a2a',
950: '#000000',
},
}SCSS
$custom: #461a2a; $custom-light: #7c5963; $custom-dark: #000000;
JSON
{
"hex": "#461a2a",
"rgb": {
"r": 70,
"g": 26,
"b": 42
},
"hsl": {
"h": 338.182,
"s": 45.833,
"l": 18.824
},
"oklch": {
"l": 0.28968,
"c": 0.07022,
"h": 359.6
},
"luminance": 0.02208
}Semantic roles & 50–950 ramp
primary
#461A2A
secondary
#407C66
accent
#D5A652
background
#F7F5F5
surface
#EEE9EA
border
#C9C5C6
text
#0A0305
muted
#7C7879