#70507A#70507A
#70507A is a mid, moderate purple. Relative luminance 0.106; OKLCH L 48.2% C 0.076 H 318.0°. Best body text is #FFFFFF at 6.74:1 contrast (WCAG AA passes).
Color values
| HEX | #70507A |
|---|---|
| RGB | rgb(112, 80, 122) |
| HSL | hsl(286, 21%, 40%) |
| HSV | hsv(286, 34%, 48%) |
| CMYK | cmyk(8.2%, 34.4%, 0%, 52.2%) |
| CIE-LAB | lab(38.88, 21.49, -18.63) |
| CIE-LCH | lch(38.88, 28.44, 319.09°) |
| OKLab | oklab(48.16% 0.0565 -0.0509) |
| OKLCH | oklch(48.16% 0.076 318) |
| XYZ | xyz(13.0631, 10.5875, 19.7640) |
| Luminance | 0.1059 (WCAG relative) |
| Temperature | cool |
| Family | purple |
Closest named colors
Muted Purple
#805B87
ΔE00 4.69
Dull Purple
#84597E
ΔE00 5.62
Dusty Purple
#825F87
ΔE00 5.85
Dirty Purple
#734A65
ΔE00 6.38
Bruise
#7E4071
ΔE00 6.83
Light Eggplant
#894585
ΔE00 7.30
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#70507A #5A7A50
analogous
#5B507A #70507A #7A506F
triadic
#70507A #7A7050 #507A70
tetradic
#70507A #7A5B50 #5A7A50 #506F7A
square
#70507A #7A5B50 #5A7A50 #506F7A
split-complementary
#70507A #6F7A50 #507A5B
monochromatic
#2C2030 #4E3855 #70507A #916A9D #AC8FB5
Accessibility & contrast
On white
6.74
#70507A on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.12
#70507A on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #70507A
6.74:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##70507A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##70507A | 1.00 | 6.74 | 3.12 | 6.74 |
| #FFFFFF | 6.74 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.12 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.74 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#4A597C
Deuteranopia (green-blind)
#525D79
Tritanopia (blue-blind)
#70555F
Achromatopsia (no color)
#5C5C5C
Design tokens & code
CSS
--color: #70507a; /* rgb */ color: rgb(112, 80, 122); /* oklch */ color: oklch(48.2% 0.076 318.0);
Tailwind
colors: {
custom: {
50: '#9981a0',
500: '#70507a',
950: '#000000',
},
}SCSS
$custom: #70507a; $custom-light: #9981a0; $custom-dark: #000000;
JSON
{
"hex": "#70507a",
"rgb": {
"r": 112,
"g": 80,
"b": 122
},
"hsl": {
"h": 285.714,
"s": 20.792,
"l": 39.608
},
"oklch": {
"l": 0.48162,
"c": 0.07603,
"h": 318
},
"luminance": 0.10587
}Semantic roles & 50–950 ramp
primary
#70507A
secondary
#8BA383
accent
#BD6A7E
background
#F9F7F9
surface
#F2EEF2
border
#CCC9CC
text
#0E0A0E
muted
#7E7C7E