#A93F7D#A93F7D
#A93F7D is a mid, vivid pink. Relative luminance 0.135; OKLCH L 53.3% C 0.155 H 347.5°. Best body text is #FFFFFF at 5.68:1 contrast (WCAG AA passes).
Color values
| HEX | #A93F7D |
|---|---|
| RGB | rgb(169, 63, 125) |
| HSL | hsl(325, 46%, 45%) |
| HSV | hsv(325, 63%, 66%) |
| CMYK | cmyk(0%, 62.7%, 26%, 33.7%) |
| CIE-LAB | lab(43.47, 49.94, -12.74) |
| CIE-LCH | lch(43.47, 51.54, 345.68°) |
| OKLab | oklab(53.3% 0.1509 -0.0335) |
| OKLCH | oklch(53.3% 0.155 347.5) |
| XYZ | xyz(21.8422, 13.4728, 20.8483) |
| Luminance | 0.1347 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Mediumvioletred
#C71585
ΔE00 5.78
Light Plum
#9D5783
ΔE00 5.94
Magenta (survey)
#C20078
ΔE00 6.02
Purpleish
#98568D
ΔE00 7.02
Purplish
#94568C
ΔE00 7.51
Light Eggplant
#894585
ΔE00 7.98
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#A93F7D #3FA96B
analogous
#A03FA9 #A93F7D #A93F48
triadic
#A93F7D #7DA93F #3F7DA9
tetradic
#A93F7D #A9A03F #3FA96B #3F48A9
square
#A93F7D #A9A03F #3FA96B #3F48A9
split-complementary
#A93F7D #48A93F #3FA9A0
monochromatic
#501E3B #7C2E5C #A93F7D #C4619B #D58EB7
Accessibility & contrast
On white
5.68
#A93F7D on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.69
#A93F7D on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #A93F7D
5.68:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##A93F7D | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##A93F7D | 1.00 | 5.68 | 3.69 | 5.68 |
| #FFFFFF | 5.68 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.69 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.68 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#4B5B7F
Deuteranopia (green-blind)
#696D7A
Tritanopia (blue-blind)
#B43C58
Achromatopsia (no color)
#676767
Design tokens & code
CSS
--color: #a93f7d; /* rgb */ color: rgb(169, 63, 125); /* oklch */ color: oklch(53.3% 0.155 347.5);
Tailwind
colors: {
custom: {
50: '#c67aa2',
500: '#a93f7d',
950: '#000000',
},
}SCSS
$custom: #a93f7d; $custom-light: #c67aa2; $custom-dark: #000000;
JSON
{
"hex": "#a93f7d",
"rgb": {
"r": 169,
"g": 63,
"b": 125
},
"hsl": {
"h": 324.906,
"s": 45.69,
"l": 45.49
},
"oklch": {
"l": 0.53296,
"c": 0.15462,
"h": 347.5
},
"luminance": 0.13471
}Semantic roles & 50–950 ramp
primary
#A93F7D
secondary
#84C09D
accent
#D58952
background
#FCF7FA
surface
#F8EEF3
border
#D1C9CD
text
#130A0F
muted
#827C7F