#4A091F#4A091F
#4A091F is a dark, moderate pink. Relative luminance 0.018; OKLCH L 27.2% C 0.096 H 6.7°. Best body text is #FFFFFF at 15.56:1 contrast (WCAG AA passes).
Color values
| HEX | #4A091F |
|---|---|
| RGB | rgb(74, 9, 31) |
| HSL | hsl(340, 78%, 16%) |
| HSV | hsv(340, 88%, 29%) |
| CMYK | cmyk(0%, 87.8%, 58.1%, 71%) |
| CIE-LAB | lab(14.12, 31.11, 4.34) |
| CIE-LCH | lch(14.12, 31.41, 7.94°) |
| OKLab | oklab(27.2% 0.0949 0.0112) |
| OKLCH | oklch(27.2% 0.096 6.7) |
| XYZ | xyz(3.1693, 1.7506, 1.4671) |
| Luminance | 0.0175 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Burgundy (survey)
#610023
ΔE00 5.17
Dark Maroon
#3C0008
ΔE00 5.53
Maroon (survey)
#650021
ΔE00 6.42
Deep Brown
#410200
ΔE00 8.37
Dark Plum
#3F012C
ΔE00 8.76
Merlot
#730039
ΔE00 9.06
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#4A091F #094A34
analogous
#4A0940 #4A091F #4A1409
triadic
#4A091F #1F4A09 #091F4A
tetradic
#4A091F #404A09 #094A34 #14094A
square
#4A091F #404A09 #094A34 #14094A
split-complementary
#4A091F #094A14 #09404A
monochromatic
#1B030B #1B030B #4A091F #811036 #B7164D
Accessibility & contrast
On white
15.56
#4A091F on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.35
#4A091F on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #4A091F
15.56:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##4A091F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##4A091F | 1.00 | 15.56 | 1.35 | 15.56 |
| #FFFFFF | 15.56 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.35 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 15.56 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#1A1C1F
Deuteranopia (green-blind)
#2B281D
Tritanopia (blue-blind)
#510013
Achromatopsia (no color)
#242424
Design tokens & code
CSS
--color: #4a091f; /* rgb */ color: rgb(74, 9, 31); /* oklch */ color: oklch(27.2% 0.096 6.7);
Tailwind
colors: {
custom: {
50: '#81505a',
500: '#4a091f',
950: '#000000',
},
}SCSS
$custom: #4a091f; $custom-light: #81505a; $custom-dark: #000000;
JSON
{
"hex": "#4a091f",
"rgb": {
"r": 74,
"g": 9,
"b": 31
},
"hsl": {
"h": 339.692,
"s": 78.313,
"l": 16.275
},
"oklch": {
"l": 0.27204,
"c": 0.0956,
"h": 6.7
},
"luminance": 0.0175
}Semantic roles & 50–950 ramp
primary
#4A091F
secondary
#278767
accent
#F5B333
background
#F8F4F5
surface
#EFE7E9
border
#CAC3C5
text
#0B0203
muted
#7C7878