#75427C#75427C
#75427C is a mid, moderate purple. Relative luminance 0.091; OKLCH L 46.3% C 0.108 H 322.6°. Best body text is #FFFFFF at 7.43:1 contrast (WCAG AA passes).
Color values
| HEX | #75427C |
|---|---|
| RGB | rgb(117, 66, 124) |
| HSL | hsl(293, 31%, 37%) |
| HSV | hsv(293, 47%, 49%) |
| CMYK | cmyk(5.6%, 46.8%, 0%, 51.4%) |
| CIE-LAB | lab(36.24, 31.92, -23.90) |
| CIE-LCH | lch(36.24, 39.88, 323.18°) |
| OKLab | oklab(46.34% 0.086 -0.0657) |
| OKLCH | oklch(46.34% 0.108 322.6) |
| XYZ | xyz(12.9220, 9.1341, 20.1473) |
| Luminance | 0.0913 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
Closest named colors
Bruise
#7E4071
ΔE00 4.35
Light Eggplant
#894585
ΔE00 4.36
Grape
#6C3461
ΔE00 6.29
Warm Purple
#952E8F
ΔE00 7.74
Muted Purple
#805B87
ΔE00 7.90
Dirty Purple
#734A65
ΔE00 8.45
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#75427C #497C42
analogous
#58427C #75427C #7C4266
triadic
#75427C #7C7542 #427C75
tetradic
#75427C #7C5842 #497C42 #42667C
square
#75427C #7C5842 #497C42 #42667C
split-complementary
#75427C #667C42 #427C58
monochromatic
#2A172C #4F2D54 #75427C #9B57A4 #B37EBA
Accessibility & contrast
On white
7.43
#75427C on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.83
#75427C on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #75427C
7.43:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##75427C | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##75427C | 1.00 | 7.43 | 2.83 | 7.43 |
| #FFFFFF | 7.43 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.83 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.43 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#3B517E
Deuteranopia (green-blind)
#49577A
Tritanopia (blue-blind)
#774959
Achromatopsia (no color)
#555555
Design tokens & code
CSS
--color: #75427c; /* rgb */ color: rgb(117, 66, 124); /* oklch */ color: oklch(46.3% 0.108 322.6);
Tailwind
colors: {
custom: {
50: '#9e78a2',
500: '#75427c',
950: '#000000',
},
}SCSS
$custom: #75427c; $custom-light: #9e78a2; $custom-dark: #000000;
JSON
{
"hex": "#75427c",
"rgb": {
"r": 117,
"g": 66,
"b": 124
},
"hsl": {
"h": 292.759,
"s": 30.526,
"l": 37.255
},
"oklch": {
"l": 0.46344,
"c": 0.10825,
"h": 322.6
},
"luminance": 0.09134
}Semantic roles & 50–950 ramp
primary
#75427C
secondary
#7AA575
accent
#C7616D
background
#F9F7FA
surface
#F2EDF3
border
#CCC8CD
text
#0E090F
muted
#7E7B7F