#843A67#843A67
#843A67 is a mid, moderate pink. Relative luminance 0.089; OKLCH L 46.2% C 0.116 H 345.1°. Best body text is #FFFFFF at 7.55:1 contrast (WCAG AA passes).
Color values
| HEX | #843A67 |
|---|---|
| RGB | rgb(132, 58, 103) |
| HSL | hsl(324, 39%, 37%) |
| HSV | hsv(324, 56%, 52%) |
| CMYK | cmyk(0%, 56.1%, 22%, 48.2%) |
| CIE-LAB | lab(35.81, 37.39, -11.22) |
| CIE-LCH | lch(35.81, 39.04, 343.29°) |
| OKLab | oklab(46.18% 0.1119 -0.0297) |
| OKLCH | oklch(46.18% 0.116 345.1) |
| XYZ | xyz(13.4773, 8.9121, 13.8397) |
| Luminance | 0.0891 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Bruise
#7E4071
ΔE00 3.49
Grape
#6C3461
ΔE00 5.61
Dirty Purple
#734A65
ΔE00 6.80
Light Eggplant
#894585
ΔE00 7.03
Dark Mauve
#874C62
ΔE00 7.08
Red Violet
#9E0168
ΔE00 7.56
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#843A67 #3A8457
analogous
#7C3A84 #843A67 #843A42
triadic
#843A67 #67843A #3A6784
tetradic
#843A67 #847C3A #3A8457 #3A4284
square
#843A67 #847C3A #3A8457 #3A4284
split-complementary
#843A67 #42843A #3A847C
monochromatic
#2F1525 #592746 #843A67 #AF4D88 #C376A5
Accessibility & contrast
On white
7.55
#843A67 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.78
#843A67 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #843A67
7.55:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##843A67 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##843A67 | 1.00 | 7.55 | 2.78 | 7.55 |
| #FFFFFF | 7.55 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.78 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.55 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#404C68
Deuteranopia (green-blind)
#555965
Tritanopia (blue-blind)
#8C394C
Achromatopsia (no color)
#545454
Design tokens & code
CSS
--color: #843a67; /* rgb */ color: rgb(132, 58, 103); /* oklch */ color: oklch(46.2% 0.116 345.1);
Tailwind
colors: {
custom: {
50: '#aa7392',
500: '#843a67',
950: '#000000',
},
}SCSS
$custom: #843a67; $custom-light: #aa7392; $custom-dark: #000000;
JSON
{
"hex": "#843a67",
"rgb": {
"r": 132,
"g": 58,
"b": 103
},
"hsl": {
"h": 323.514,
"s": 38.947,
"l": 37.255
},
"oklch": {
"l": 0.46178,
"c": 0.11576,
"h": 345.1
},
"luminance": 0.08911
}Semantic roles & 50–950 ramp
primary
#843A67
secondary
#6EAC86
accent
#CF8759
background
#FAF7F8
surface
#F4EDF0
border
#CEC8CB
text
#10080D
muted
#7F7B7D