#cc1566 hex color

In a RGB color space, hex #cc1566 is composed of 80% red, 8.2% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 89.7% magenta, 50% yellow and 20% black. It has a hue angle of 333.4 degrees, a saturation of 81.3% and a lightness of 44.1%. #cc1566 color hex could be obtained by blending #ff2acc with #990000. Closest websafe color is: #cc0066.

♥
- f
- t
- g
- R 80
- G 8
- B 40
RGB color chart
- C 0
- M 90
- Y 50
- K 20
CMYK color chart

● #cc1566 color description : Strong pink.

The hexadecimal color #cc1566 has RGB values of R:204, G:21, B:102 and CMYK values of C:0, M:0.9, Y:0.5, K:0.2. Its decimal value is 13374822.

Hex triplet	cc1566	`#cc1566`
RGB Decimal	204, 21, 102	`rgb(204,21,102)`
RGB Percent	80, 8.2, 40	`rgb(80%,8.2%,40%)`
CMYK	0, 90, 50, 20
HSL	333.4°, 81.3, 44.1	`hsl(333.4,81.3%,44.1%)`
HSV (or HSB)	333.4°, 89.7, 80
Web Safe	cc0066	`#cc0066`

CIE-LAB	44.711, 69.291, 4.006
XYZ	27.569, 14.336, 13.885
xyY	0.494, 0.257, 14.336
CIE-LCH	44.711, 69.407, 3.309
CIE-LUV	44.711, 110.492, -8.398
Hunter-Lab	37.863, 63.71, 4.761
Binary	11001100, 00010101, 01100110

#cc1566
```
#cc1566 rgb(204,21,102)
```
#15cc7b
```
#15cc7b rgb(21,204,123)
```

Complementary Color

#cc15c2
```
#cc15c2 rgb(204,21,194)
```
#cc1566
```
#cc1566 rgb(204,21,102)
```
#cc2015
```
#cc2015 rgb(204,32,21)
```

Analogous Color

#15c2cc
```
#15c2cc rgb(21,194,204)
```
#cc1566
```
#cc1566 rgb(204,21,102)
```
#15cc20
```
#15cc20 rgb(21,204,32)
```

Split Complementary Color

#1566cc
```
#1566cc rgb(21,102,204)
```
#cc1566
```
#cc1566 rgb(204,21,102)
```
#66cc15
```
#66cc15 rgb(102,204,21)
```

Triadic Color

#7b15cc
```
#7b15cc rgb(123,21,204)
```
#cc1566
```
#cc1566 rgb(204,21,102)
```
#66cc15
```
#66cc15 rgb(102,204,21)
```
#15cc7b
```
#15cc7b rgb(21,204,123)
```

Tetradic Color

#870e43
```
#870e43 rgb(135,14,67)
```
#9e104f
```
#9e104f rgb(158,16,79)
```
#b5135a
```
#b5135a rgb(181,19,90)
```
#cc1566
```
#cc1566 rgb(204,21,102)
```
#e31772
```
#e31772 rgb(227,23,114)
```
#e92b7f
```
#e92b7f rgb(233,43,127)
```
#ec428d
```
#ec428d rgb(236,66,141)
```

Monochromatic Color

Below, you can see some colors close to #cc1566. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#cc1594
```
#cc1594 rgb(204,21,148)
```
#cc1585
```
#cc1585 rgb(204,21,133)
```
#cc1575
```
#cc1575 rgb(204,21,117)
```
#cc1566
```
#cc1566 rgb(204,21,102)
```
#cc1557
```
#cc1557 rgb(204,21,87)
```
#cc1547
```
#cc1547 rgb(204,21,71)
```
#cc1538
```
#cc1538 rgb(204,21,56)
```

Similar Colors

Text with hexadecimal color #cc1566

This text has a font color of #cc1566.

<span style="color:#cc1566;">Text here</span>

#cc1566 background color

This paragraph has a background color of #cc1566.

<p style="background-color:#cc1566;">Content here</p>

#cc1566 border color

This element has a border color of #cc1566.

<div style="border:1px solid #cc1566;">Content here</div>

CSS codes

.text {color:#cc1566;}

.background {background-color:#cc1566;}

.border {border:1px solid #cc1566;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #080104 is the darkest color, while #fef6f9 is the lightest one.

#080104
```
#080104 rgb(8,1,4)
```
#1a030d
```
#1a030d rgb(26,3,13)
```
#2c0516
```
#2c0516 rgb(44,5,22)
```
#3e061f
```
#3e061f rgb(62,6,31)
```
#500828
```
#500828 rgb(80,8,40)
```
#610a31
```
#610a31 rgb(97,10,49)
```
#730c3a
```
#730c3a rgb(115,12,58)
```
#850e42
```
#850e42 rgb(133,14,66)
```
#97104b
```
#97104b rgb(151,16,75)
```
#a81154
```
#a81154 rgb(168,17,84)
```
#ba135d
```
#ba135d rgb(186,19,93)
```
#cc1566
```
#cc1566 rgb(204,21,102)
```
#de176f
```
#de176f rgb(222,23,111)
```

Shade Color Variation

#e82079
```
#e82079 rgb(232,32,121)
```
#ea3283
```
#ea3283 rgb(234,50,131)
```
#ec448e
```
#ec448e rgb(236,68,142)
```
#ee5699
```
#ee5699 rgb(238,86,153)
```
#ef67a4
```
#ef67a4 rgb(239,103,164)
```
#f179ae
```
#f179ae rgb(241,121,174)
```
#f38bb9
```
#f38bb9 rgb(243,139,185)
```
#f59dc4
```
#f59dc4 rgb(245,157,196)
```
#f7aece
```
#f7aece rgb(247,174,206)
```
#f9c0d9
```
#f9c0d9 rgb(249,192,217)
```
#fad2e4
```
#fad2e4 rgb(250,210,228)
```
#fce4ef
```
#fce4ef rgb(252,228,239)
```
#fef6f9
```
#fef6f9 rgb(254,246,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #756c70 is the less saturated color, while #dd0464 is the most saturated one.

#756c70
```
#756c70 rgb(117,108,112)
```
#7e636f
```
#7e636f rgb(126,99,111)
```
#875a6e
```
#875a6e rgb(135,90,110)
```
#8f526d
```
#8f526d rgb(143,82,109)
```
#98496c
```
#98496c rgb(152,73,108)
```
#a1406b
```
#a1406b rgb(161,64,107)
```
#a9386a
```
#a9386a rgb(169,56,106)
```
#b22f69
```
#b22f69 rgb(178,47,105)
```
#bb2668
```
#bb2668 rgb(187,38,104)
```
#c31e67
```
#c31e67 rgb(195,30,103)
```
#cc1566
```
#cc1566 rgb(204,21,102)
```
#d50c65
```
#d50c65 rgb(213,12,101)
```
#dd0464
```
#dd0464 rgb(221,4,100)
```

Tone Color Variation

Below, you can see how #cc1566 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#555555 Achromatopsia 0.005% of the population
#6d4858 Atypical Achromatopsia 0.001% of the population

Dichromacy

#687090 Protanopia 1% of men
#816d62 Deuteranopia 1% of men
#cb3537 Tritanopia 0.001% of the population

Trichromacy

#8c4f81 Protanomaly 1% of men, 0.01% of women
#9c4d63 Deuteranomaly 6% of men, 0.4% of women
#cb2948 Tritanomaly 0.01% of the population

#cc1566 hex color

#cc1566 Color Information

#cc1566 Color Conversion

Color Schemes with #cc1566

Alternatives to #cc1566

#cc1566 Preview

Shades and Tints of #cc1566

Tones of #cc1566

Color Blindness Simulator