Dark Pink

#C11C84
RGB
193, 28, 132
HSL
322°, 75%, 43%
CMYK
0, 85, 32, 24
HSV
322°, 85%, 76%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #C11C84 color: #C11C84;
RGB 193, 28, 132 color: rgb(193, 28, 132);
RGB Percentage 76%, 11%, 52% color: rgb(76%, 11%, 52%);
CMYK 0%, 85%, 32%, 24% Not supported in CSS
HSL 322°, 75%, 43% color: hsl(322, 75%, 43%);
HSV 322°, 85%, 76% Not supported in CSS
CIE-LAB 34, 33, -35 color: lab(34% 33 -35);
Decimal 12655748 Not supported in CSS

Color Variations

Shades

#C01B84
#AD1976
#9A1669
#86135C
#73104F
#600E42
#4D0B35
#3A0827

Tints

#F4B3DC
#F099D0
#ED80C5
#E966B9
#E64DAE
#E234A2
#D91F95
#C01B84

Tones

#C01B84
#B82481
#AF2C7F
#A7347D
#9F3C7B
#974579
#8F4D76
#865574

Hues

#C01B84
#C02F1B
#C0AA1B
#5AC01B
#1BC058
#1BADC0
#1B31C0
#811BC0

Color Harmonies

Analogous

#AA1BC0
Click to copy
Purple
85%
#C11C84
Click to copy
Dark pink
100%
#C01B31
Click to copy
Magenta
81%

Complementary

#C11C84
Click to copy
Dark pink
100%
#1BC058
Click to copy
Green
46%

Split Complementary

#C11C84
Click to copy
Dark pink
100%
#31C01B
Click to copy
Green
45%
#1BC0AA
Click to copy
Cyan
46%

Triadic

#C11C84
Click to copy
Dark pink
100%
#84C01B
Click to copy
Yellow
54%
#1B84C0
Click to copy
Cyan
54%

Tetradic

#C11C84
Click to copy
Dark pink
100%
#C0AA1B
Click to copy
Orange
60%
#1BC058
Click to copy
Green
46%
#1B31C0
Click to copy
Blue
60%

Square

#C11C84
Click to copy
Dark pink
100%
#C0AA1B
Click to copy
Orange
60%
#1BC058
Click to copy
Green
46%
#1B31C0
Click to copy
Blue
60%

CSS & Dev Snippets

CSS
.dark-pink {
  color: #C11C84;
}
SCSS
$dark-pink: #C11C84;
RGB
rgb(193, 28, 132)

Accessibility & Contrast

White background

5.58:1
5.58
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

3.77:1
3.77
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags