#941C75#941C75
#941C75 is a mid, vivid pink. Relative luminance 0.084; OKLCH L 46.2% C 0.178 H 341.1°. Best body text is #FFFFFF at 7.83:1 contrast (WCAG AA passes).
Color values
| HEX | #941C75 |
|---|---|
| RGB | rgb(148, 28, 117) |
| HSL | hsl(316, 68%, 35%) |
| HSV | hsv(316, 81%, 58%) |
| CMYK | cmyk(0%, 81.1%, 20.9%, 42%) |
| CIE-LAB | lab(34.83, 56.07, -21.35) |
| CIE-LCH | lch(34.83, 59.99, 339.16°) |
| OKLab | oklab(46.18% 0.1682 -0.0575) |
| OKLCH | oklch(46.18% 0.178 341.1) |
| XYZ | xyz(15.8394, 8.4124, 17.6158) |
| Luminance | 0.0841 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Red Violet
#9E0168
ΔE00 4.06
Warm Purple
#952E8F
ΔE00 5.52
Barney Purple
#A00498
ΔE00 6.60
Darkmagenta
#8B008B
ΔE00 6.63
Darkish Purple
#751973
ΔE00 6.95
Purple
#800080
ΔE00 7.09
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#941C75 #1C943B
analogous
#771C94 #941C75 #941C39
triadic
#941C75 #75941C #1C7594
tetradic
#941C75 #94771C #1C943B #1C3994
square
#941C75 #94771C #1C943B #1C3994
split-complementary
#941C75 #39941C #1C9477
monochromatic
#2D0924 #61124C #941C75 #C7269E #DD4DB8
Accessibility & contrast
On white
7.83
#941C75 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.68
#941C75 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #941C75
7.83:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##941C75 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##941C75 | 1.00 | 7.83 | 2.68 | 7.83 |
| #FFFFFF | 7.83 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.68 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.83 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#284677
Deuteranopia (green-blind)
#4F5972
Tritanopia (blue-blind)
#9D1F47
Achromatopsia (no color)
#525252
Design tokens & code
CSS
--color: #941c75; /* rgb */ color: rgb(148, 28, 117); /* oklch */ color: oklch(46.2% 0.178 341.1);
Tailwind
colors: {
custom: {
50: '#b7679d',
500: '#941c75',
950: '#000000',
},
}SCSS
$custom: #941c75; $custom-light: #b7679d; $custom-dark: #000000;
JSON
{
"hex": "#941c75",
"rgb": {
"r": 148,
"g": 28,
"b": 117
},
"hsl": {
"h": 315.5,
"s": 68.182,
"l": 34.51
},
"oklch": {
"l": 0.46183,
"c": 0.17779,
"h": 341.1
},
"luminance": 0.08411
}Semantic roles & 50–950 ramp
primary
#941C75
secondary
#4CC06A
accent
#EB6A3D
background
#FBF6F9
surface
#F7EBF2
border
#D0C6CC
text
#12070E
muted
#817A7E