#7D327D#7D327D
#7D327D is a mid, vivid purple. Relative luminance 0.081; OKLCH L 45.1% C 0.142 H 327.6°. Best body text is #FFFFFF at 8.00:1 contrast (WCAG AA passes).
Color values
| HEX | #7D327D |
|---|---|
| RGB | rgb(125, 50, 125) |
| HSL | hsl(300, 43%, 34%) |
| HSV | hsv(300, 60%, 49%) |
| CMYK | cmyk(0%, 60%, 0%, 51%) |
| CIE-LAB | lab(34.24, 43.04, -27.57) |
| CIE-LCH | lch(34.24, 51.11, 327.35°) |
| OKLab | oklab(45.12% 0.1198 -0.076) |
| OKLCH | oklch(45.12% 0.142 327.6) |
| XYZ | xyz(13.2995, 8.1227, 20.2654) |
| Luminance | 0.0812 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
Closest named colors
Darkish Purple
#751973
ΔE00 4.83
Warm Purple
#952E8F
ΔE00 4.94
Light Eggplant
#894585
ΔE00 5.31
Bruise
#7E4071
ΔE00 5.62
Purple
#800080
ΔE00 6.05
Darkmagenta
#8B008B
ΔE00 6.06
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#7D327D #327D32
analogous
#58327D #7D327D #7D3258
triadic
#7D327D #7D7D32 #327D7D
tetradic
#7D327D #7D5832 #327D32 #32587D
square
#7D327D #7D5832 #327D32 #32587D
split-complementary
#7D327D #587D32 #327D58
monochromatic
#260F26 #512151 #7D327D #A943A9 #C267C2
Accessibility & contrast
On white
8.00
#7D327D on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.62
#7D327D on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #7D327D
8.00:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##7D327D | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##7D327D | 1.00 | 8.00 | 2.62 | 8.00 |
| #FFFFFF | 8.00 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.62 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.00 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#2A4A7F
Deuteranopia (green-blind)
#43547B
Tritanopia (blue-blind)
#813B52
Achromatopsia (no color)
#505050
Design tokens & code
CSS
--color: #7d327d; /* rgb */ color: rgb(125, 50, 125); /* oklch */ color: oklch(45.1% 0.142 327.6);
Tailwind
colors: {
custom: {
50: '#a56fa3',
500: '#7d327d',
950: '#000000',
},
}SCSS
$custom: #7d327d; $custom-light: #a56fa3; $custom-dark: #000000;
JSON
{
"hex": "#7d327d",
"rgb": {
"r": 125,
"g": 50,
"b": 125
},
"hsl": {
"h": 300,
"s": 42.857,
"l": 34.314
},
"oklch": {
"l": 0.45123,
"c": 0.14187,
"h": 327.6
},
"luminance": 0.08122
}Semantic roles & 50–950 ramp
primary
#7D327D
secondary
#61AA61
accent
#D35555
background
#FAF6FA
surface
#F4ECF3
border
#CEC7CD
text
#10080F
muted
#7F7B7F