#cc1558 hex color

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

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

● #cc1558 color description : Strong pink.

The hexadecimal color #cc1558 has RGB values of R:204, G:21, B:88 and CMYK values of C:0, M:0.9, Y:0.57, K:0.2. Its decimal value is 13374808.

Hex triplet	cc1558	`#cc1558`
RGB Decimal	204, 21, 88	`rgb(204,21,88)`
RGB Percent	80, 8.2, 34.5	`rgb(80%,8.2%,34.5%)`
CMYK	0, 90, 57, 20
HSL	338°, 81.3, 44.1	`hsl(338,81.3%,44.1%)`
HSV (or HSB)	338°, 89.7, 80
Web Safe	cc0066	`#cc0066`

CIE-LAB	44.35, 68.282, 12.243
XYZ	26.933, 14.081, 10.532
xyY	0.522, 0.273, 14.081
CIE-LCH	44.35, 69.371, 10.165
CIE-LUV	44.35, 116.191, 0.854
Hunter-Lab	37.525, 62.443, 9.627
Binary	11001100, 00010101, 01011000

#cc1558
```
#cc1558 rgb(204,21,88)
```
#15cc89
```
#15cc89 rgb(21,204,137)
```

Complementary Color

#cc15b4
```
#cc15b4 rgb(204,21,180)
```
#cc1558
```
#cc1558 rgb(204,21,88)
```
#cc2e15
```
#cc2e15 rgb(204,46,21)
```

Analogous Color

#15b4cc
```
#15b4cc rgb(21,180,204)
```
#cc1558
```
#cc1558 rgb(204,21,88)
```
#15cc2e
```
#15cc2e rgb(21,204,46)
```

Split Complementary Color

#1558cc
```
#1558cc rgb(21,88,204)
```
#cc1558
```
#cc1558 rgb(204,21,88)
```
#58cc15
```
#58cc15 rgb(88,204,21)
```

Triadic Color

#8915cc
```
#8915cc rgb(137,21,204)
```
#cc1558
```
#cc1558 rgb(204,21,88)
```
#58cc15
```
#58cc15 rgb(88,204,21)
```
#15cc89
```
#15cc89 rgb(21,204,137)
```

Tetradic Color

#870e3a
```
#870e3a rgb(135,14,58)
```
#9e1044
```
#9e1044 rgb(158,16,68)
```
#b5134e
```
#b5134e rgb(181,19,78)
```
#cc1558
```
#cc1558 rgb(204,21,88)
```
#e31762
```
#e31762 rgb(227,23,98)
```
#e92b71
```
#e92b71 rgb(233,43,113)
```
#ec4280
```
#ec4280 rgb(236,66,128)
```

Monochromatic Color

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

#cc1586
```
#cc1586 rgb(204,21,134)
```
#cc1577
```
#cc1577 rgb(204,21,119)
```
#cc1567
```
#cc1567 rgb(204,21,103)
```
#cc1558
```
#cc1558 rgb(204,21,88)
```
#cc1549
```
#cc1549 rgb(204,21,73)
```
#cc153a
```
#cc153a rgb(204,21,58)
```
#cc152a
```
#cc152a rgb(204,21,42)
```

Similar Colors

Text with hexadecimal color #cc1558

This text has a font color of #cc1558.

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

#cc1558 background color

This paragraph has a background color of #cc1558.

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

#cc1558 border color

This element has a border color of #cc1558.

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

CSS codes

.text {color:#cc1558;}

.background {background-color:#cc1558;}

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

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)
```
#1a030b
```
#1a030b rgb(26,3,11)
```
#2c0513
```
#2c0513 rgb(44,5,19)
```
#3e061b
```
#3e061b rgb(62,6,27)
```
#500822
```
#500822 rgb(80,8,34)
```
#610a2a
```
#610a2a rgb(97,10,42)
```
#730c32
```
#730c32 rgb(115,12,50)
```
#850e39
```
#850e39 rgb(133,14,57)
```
#971041
```
#971041 rgb(151,16,65)
```
#a81149
```
#a81149 rgb(168,17,73)
```
#ba1350
```
#ba1350 rgb(186,19,80)
```
#cc1558
```
#cc1558 rgb(204,21,88)
```
#de1760
```
#de1760 rgb(222,23,96)
```

Shade Color Variation

#e82069
```
#e82069 rgb(232,32,105)
```
#ea3275
```
#ea3275 rgb(234,50,117)
```
#ec4481
```
#ec4481 rgb(236,68,129)
```
#ee568d
```
#ee568d rgb(238,86,141)
```
#ef6799
```
#ef6799 rgb(239,103,153)
```
#f179a5
```
#f179a5 rgb(241,121,165)
```
#f38bb1
```
#f38bb1 rgb(243,139,177)
```
#f59dbd
```
#f59dbd rgb(245,157,189)
```
#f7aec9
```
#f7aec9 rgb(247,174,201)
```
#f9c0d5
```
#f9c0d5 rgb(249,192,213)
```
#fad2e1
```
#fad2e1 rgb(250,210,225)
```
#fce4ed
```
#fce4ed rgb(252,228,237)
```
#fef6f9
```
#fef6f9 rgb(254,246,249)
```

Tint Color Variation

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

#756c6f
```
#756c6f rgb(117,108,111)
```
#7e636d
```
#7e636d rgb(126,99,109)
```
#875a6b
```
#875a6b rgb(135,90,107)
```
#8f5268
```
#8f5268 rgb(143,82,104)
```
#984966
```
#984966 rgb(152,73,102)
```
#a14064
```
#a14064 rgb(161,64,100)
```
#a93861
```
#a93861 rgb(169,56,97)
```
#b22f5f
```
#b22f5f rgb(178,47,95)
```
#bb265d
```
#bb265d rgb(187,38,93)
```
#c31e5a
```
#c31e5a rgb(195,30,90)
```
#cc1558
```
#cc1558 rgb(204,21,88)
```
#d50c56
```
#d50c56 rgb(213,12,86)
```
#dd0453
```
#dd0453 rgb(221,4,83)
```

Tone Color Variation

Below, you can see how #cc1558 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

#535353 Achromatopsia 0.005% of the population
#6b4754 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d6f7f Protanopia 1% of men
#846c55 Deuteranopia 1% of men
#cc3131 Tritanopia 0.001% of the population

Trichromacy

#904e71 Protanomaly 1% of men, 0.01% of women
#9e4c56 Deuteranomaly 6% of men, 0.4% of women
#cc273f Tritanomaly 0.01% of the population

#cc1558 hex color

#cc1558 Color Information

#cc1558 Color Conversion

Color Schemes with #cc1558

Alternatives to #cc1558

#cc1558 Preview

Shades and Tints of #cc1558

Tones of #cc1558

Color Blindness Simulator