#94237F#94237F
#94237F is a mid, vivid pink. Relative luminance 0.090; OKLCH L 47.2% C 0.177 H 336.8°. Best body text is #FFFFFF at 7.48:1 contrast (WCAG AA passes).
Color values
| HEX | #94237F |
|---|---|
| RGB | rgb(148, 35, 127) |
| HSL | hsl(311, 62%, 36%) |
| HSV | hsv(311, 76%, 58%) |
| CMYK | cmyk(0%, 76.4%, 14.2%, 42%) |
| CIE-LAB | lab(36.05, 55.40, -25.71) |
| CIE-LCH | lch(36.05, 61.08, 335.10°) |
| OKLab | oklab(47.22% 0.1631 -0.07) |
| OKLCH | oklch(47.22% 0.177 336.8) |
| XYZ | xyz(16.6448, 9.0318, 20.9413) |
| Luminance | 0.0903 (WCAG relative) |
| Temperature | neutral |
| Family | pink |
Closest named colors
Warm Purple
#952E8F
ΔE00 3.38
Barney Purple
#A00498
ΔE00 4.92
Darkmagenta
#8B008B
ΔE00 5.45
Red Violet
#9E0168
ΔE00 6.02
Purple
#800080
ΔE00 6.43
Light Eggplant
#894585
ΔE00 6.51
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#94237F #239438
analogous
#702394 #94237F #942347
triadic
#94237F #7F9423 #237F94
tetradic
#94237F #947023 #239438 #234794
square
#94237F #947023 #239438 #234794
split-complementary
#94237F #479423 #239470
monochromatic
#310C2A #631755 #94237F #C52FA9 #D85AC0
Accessibility & contrast
On white
7.48
#94237F on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.81
#94237F on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #94237F
7.48:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##94237F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##94237F | 1.00 | 7.48 | 2.81 | 7.48 |
| #FFFFFF | 7.48 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.81 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.48 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#264A81
Deuteranopia (green-blind)
#4D5B7C
Tritanopia (blue-blind)
#9C2B4F
Achromatopsia (no color)
#555555
Design tokens & code
CSS
--color: #94237f; /* rgb */ color: rgb(148, 35, 127); /* oklch */ color: oklch(47.2% 0.177 336.8);
Tailwind
colors: {
custom: {
50: '#b76aa4',
500: '#94237f',
950: '#000000',
},
}SCSS
$custom: #94237f; $custom-light: #b76aa4; $custom-dark: #000000;
JSON
{
"hex": "#94237f",
"rgb": {
"r": 148,
"g": 35,
"b": 127
},
"hsl": {
"h": 311.15,
"s": 61.749,
"l": 35.882
},
"oklch": {
"l": 0.47219,
"c": 0.17747,
"h": 336.8
},
"luminance": 0.0903
}Semantic roles & 50–950 ramp
primary
#94237F
secondary
#57BC69
accent
#E56143
background
#FBF6FA
surface
#F6ECF4
border
#D0C7CE
text
#12070F
muted
#817A7F