#945A91#945A91
#945A91 is a mid, moderate purple. Relative luminance 0.157; OKLCH L 55.2% C 0.107 H 328.7°. Best body text is #FFFFFF at 5.08:1 contrast (WCAG AA passes).
Color values
| HEX | #945A91 |
|---|---|
| RGB | rgb(148, 90, 145) |
| HSL | hsl(303, 24%, 47%) |
| HSV | hsv(303, 39%, 58%) |
| CMYK | cmyk(0%, 39.2%, 2%, 42%) |
| CIE-LAB | lab(46.52, 32.70, -20.45) |
| CIE-LCH | lch(46.52, 38.57, 327.99°) |
| OKLab | oklab(55.21% 0.0915 -0.0555) |
| OKLCH | oklch(55.21% 0.107 328.7) |
| XYZ | xyz(20.9794, 15.6535, 28.6989) |
| Luminance | 0.1565 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
Closest named colors
Purplish
#94568C
ΔE00 1.48
Purpleish
#98568D
ΔE00 1.78
Light Plum
#9D5783
ΔE00 4.87
Muted Purple
#805B87
ΔE00 4.89
Dusty Purple
#825F87
ΔE00 5.18
Dull Purple
#84597E
ΔE00 5.28
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#945A91 #5A945D
analogous
#7A5A94 #945A91 #945A74
triadic
#945A91 #91945A #5A9194
tetradic
#945A91 #947A5A #5A945D #5A7494
square
#945A91 #947A5A #5A945D #5A7494
split-complementary
#945A91 #74945A #5A947A
monochromatic
#482C46 #6E436C #945A91 #AF7CAD #C6A2C5
Accessibility & contrast
On white
5.08
#945A91 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.13
#945A91 on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #945A91
5.08:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##945A91 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##945A91 | 1.00 | 5.08 | 4.13 | 5.08 |
| #FFFFFF | 5.08 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.13 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.08 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#576993
Deuteranopia (green-blind)
#66718F
Tritanopia (blue-blind)
#985F6F
Achromatopsia (no color)
#6E6E6E
Design tokens & code
CSS
--color: #945a91; /* rgb */ color: rgb(148, 90, 145); /* oklch */ color: oklch(55.2% 0.107 328.7);
Tailwind
colors: {
custom: {
50: '#b48ab1',
500: '#945a91',
950: '#000000',
},
}SCSS
$custom: #945a91; $custom-light: #b48ab1; $custom-dark: #000000;
JSON
{
"hex": "#945a91",
"rgb": {
"r": 148,
"g": 90,
"b": 145
},
"hsl": {
"h": 303.103,
"s": 24.37,
"l": 46.667
},
"oklch": {
"l": 0.5521,
"c": 0.10704,
"h": 328.7
},
"luminance": 0.15653
}Semantic roles & 50–950 ramp
primary
#945A91
secondary
#96B497
accent
#C16C67
background
#FBF8FA
surface
#F6F0F5
border
#D0CBCF
text
#110C10
muted
#807D7F