#61122F#61122F
#61122F is a dark, moderate pink. Relative luminance 0.032; OKLCH L 33.2% C 0.113 H 4.0°. Best body text is #FFFFFF at 12.84:1 contrast (WCAG AA passes).
Color values
| HEX | #61122F |
|---|---|
| RGB | rgb(97, 18, 47) |
| HSL | hsl(338, 69%, 23%) |
| HSV | hsv(338, 81%, 38%) |
| CMYK | cmyk(0%, 81.4%, 51.5%, 62%) |
| CIE-LAB | lab(20.75, 36.84, 2.93) |
| CIE-LCH | lch(20.75, 36.95, 4.54°) |
| OKLab | oklab(33.15% 0.1128 0.0079) |
| OKLCH | oklch(33.15% 0.113 4) |
| XYZ | xyz(5.6596, 3.1800, 3.0045) |
| Luminance | 0.0318 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Burgundy (survey)
#610023
ΔE00 3.69
Merlot
#730039
ΔE00 4.36
Maroon (survey)
#650021
ΔE00 4.99
Wine (survey)
#80013F
ΔE00 6.42
Bordeaux
#7B002C
ΔE00 6.51
Red Purple
#820747
ΔE00 7.52
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#61122F #126144
analogous
#611256 #61122F #611D12
triadic
#61122F #2F6112 #122F61
tetradic
#61122F #566112 #126144 #1D1261
square
#61122F #566112 #126144 #1D1261
split-complementary
#61122F #12611D #125661
monochromatic
#1A050D #2D0816 #61122F #951C48 #C82561
Accessibility & contrast
On white
12.84
#61122F on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.64
#61122F on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #61122F
12.84:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##61122F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##61122F | 1.00 | 12.84 | 1.64 | 12.84 |
| #FFFFFF | 12.84 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.64 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 12.84 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#252830
Deuteranopia (green-blind)
#3A382D
Tritanopia (blue-blind)
#6A011F
Achromatopsia (no color)
#323232
Design tokens & code
CSS
--color: #61122f; /* rgb */ color: rgb(97, 18, 47); /* oklch */ color: oklch(33.2% 0.113 4.0);
Tailwind
colors: {
custom: {
50: '#925967',
500: '#61122f',
950: '#000000',
},
}SCSS
$custom: #61122f; $custom-light: #925967; $custom-dark: #000000;
JSON
{
"hex": "#61122f",
"rgb": {
"r": 97,
"g": 18,
"b": 47
},
"hsl": {
"h": 337.975,
"s": 68.696,
"l": 22.549
},
"oklch": {
"l": 0.33154,
"c": 0.11307,
"h": 4
},
"luminance": 0.03179
}Semantic roles & 50–950 ramp
primary
#61122F
secondary
#369975
accent
#ECAB3C
background
#F9F5F6
surface
#F2E9EB
border
#CCC5C6
text
#0E0406
muted
#7E797A