#C149AC#C149AC
#C149AC is a mid, vivid pink. Relative luminance 0.191; OKLCH L 60.1% C 0.190 H 335.2°. Best body text is #000000 at 4.82:1 contrast (WCAG AA passes).
Color values
| HEX | #C149AC |
|---|---|
| RGB | rgb(193, 73, 172) |
| HSL | hsl(311, 49%, 52%) |
| HSV | hsv(311, 62%, 76%) |
| CMYK | cmyk(0%, 62.2%, 10.9%, 24.3%) |
| CIE-LAB | lab(50.78, 59.32, -29.31) |
| CIE-LCH | lch(50.78, 66.17, 333.71°) |
| OKLab | oklab(60.05% 0.1726 -0.0797) |
| OKLCH | oklch(60.05% 0.19 335.2) |
| XYZ | xyz(31.8215, 19.0836, 41.0293) |
| Luminance | 0.1908 (WCAG relative) |
| Temperature | neutral |
| Family | pink |
Closest named colors
Purpley Pink
#C83CB9
ΔE00 2.90
Pinky Purple
#C94CBE
ΔE00 3.36
Purplish Pink
#CE5DAE
ΔE00 5.86
Ugly Purple
#A442A0
ΔE00 6.60
Purpleish Pink
#DF4EC8
ΔE00 6.88
Pinkish Purple
#D648D7
ΔE00 7.40
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#C149AC #49C15E
analogous
#9A49C1 #C149AC #C14970
triadic
#C149AC #ACC149 #49ACC1
tetradic
#C149AC #C19A49 #49C15E #4970C1
square
#C149AC #C19A49 #49C15E #4970C1
split-complementary
#C149AC #70C149 #49C19A
monochromatic
#6B245F #993487 #C149AC #D177C1 #E0A4D6
Accessibility & contrast
On white
4.36
#C149AC on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.82
#C149AC on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #C149AC
4.82:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##C149AC | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##C149AC | 1.00 | 4.36 | 4.82 | 4.82 |
| #FFFFFF | 4.36 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.82 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.82 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#496DAF
Deuteranopia (green-blind)
#6F7FA9
Tritanopia (blue-blind)
#CA5074
Achromatopsia (no color)
#797979
Design tokens & code
CSS
--color: #c149ac; /* rgb */ color: rgb(193, 73, 172); /* oklch */ color: oklch(60.1% 0.190 335.2);
Tailwind
colors: {
custom: {
50: '#d783c5',
500: '#c149ac',
950: '#000000',
},
}SCSS
$custom: #c149ac; $custom-light: #d783c5; $custom-dark: #000000;
JSON
{
"hex": "#c149ac",
"rgb": {
"r": 193,
"g": 73,
"b": 172
},
"hsl": {
"h": 310.5,
"s": 49.18,
"l": 52.157
},
"oklch": {
"l": 0.60051,
"c": 0.19012,
"h": 335.2
},
"luminance": 0.19081
}Semantic roles & 50–950 ramp
primary
#C149AC
secondary
#99CDA2
accent
#D9674F
background
#FDF8FC
surface
#FBF0F8
border
#D4CBD1
text
#150B13
muted
#837C82