#A0197A#A0197A
#A0197A is a mid, vivid pink. Relative luminance 0.096; OKLCH L 48.3% C 0.191 H 342.9°. Best body text is #FFFFFF at 7.20:1 contrast (WCAG AA passes).
Color values
| HEX | #A0197A |
|---|---|
| RGB | rgb(160, 25, 122) |
| HSL | hsl(317, 73%, 36%) |
| HSV | hsv(317, 84%, 63%) |
| CMYK | cmyk(0%, 84.4%, 23.7%, 37.3%) |
| CIE-LAB | lab(37.07, 60.27, -20.83) |
| CIE-LCH | lch(37.07, 63.77, 340.94°) |
| OKLab | oklab(48.29% 0.1821 -0.0559) |
| OKLCH | oklch(48.29% 0.191 342.9) |
| XYZ | xyz(18.3584, 9.5760, 19.2901) |
| Luminance | 0.0957 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Red Violet
#9E0168
ΔE00 3.81
Warm Purple
#952E8F
ΔE00 5.56
Barney Purple
#A00498
ΔE00 6.32
Deep Magenta
#A0025C
ΔE00 6.77
Magenta (survey)
#C20078
ΔE00 7.19
Dark Fuchsia
#9D0759
ΔE00 7.33
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#A0197A #19A03F
analogous
#8319A0 #A0197A #A01937
triadic
#A0197A #7AA019 #197AA0
tetradic
#A0197A #A08319 #19A03F #1937A0
square
#A0197A #A08319 #19A03F #1937A0
split-complementary
#A0197A #37A019 #19A083
monochromatic
#360829 #6B1152 #A0197A #D521A2 #E450BA
Accessibility & contrast
On white
7.20
#A0197A on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.91
#A0197A on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #A0197A
7.20:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##A0197A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##A0197A | 1.00 | 7.20 | 2.91 | 7.20 |
| #FFFFFF | 7.20 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.91 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.20 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#2B497C
Deuteranopia (green-blind)
#565F77
Tritanopia (blue-blind)
#AB1A49
Achromatopsia (no color)
#575757
Design tokens & code
CSS
--color: #a0197a; /* rgb */ color: rgb(160, 25, 122); /* oklch */ color: oklch(48.3% 0.191 342.9);
Tailwind
colors: {
custom: {
50: '#c069a0',
500: '#a0197a',
950: '#000000',
},
}SCSS
$custom: #a0197a; $custom-light: #c069a0; $custom-dark: #000000;
JSON
{
"hex": "#a0197a",
"rgb": {
"r": 160,
"g": 25,
"b": 122
},
"hsl": {
"h": 316.889,
"s": 72.973,
"l": 36.275
},
"oklch": {
"l": 0.48291,
"c": 0.19052,
"h": 342.9
},
"luminance": 0.09574
}Semantic roles & 50–950 ramp
primary
#A0197A
secondary
#4FC670
accent
#F06C38
background
#FCF6F9
surface
#F8ECF2
border
#D1C7CC
text
#13070E
muted
#827A7E