#cc0396 hex color

In a RGB color space, hex #cc0396 is composed of 80% red, 1.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.5% magenta, 26.5% yellow and 20% black. It has a hue angle of 316.1 degrees, a saturation of 97.1% and a lightness of 40.6%. #cc0396 color hex could be obtained by blending #ff06ff with #99002d. Closest websafe color is: #cc0099.

♥
- f
- t
- g
- R 80
- G 1
- B 59
RGB color chart
- C 0
- M 99
- Y 26
- K 20
CMYK color chart

● #cc0396 color description : Strong pink.

The hexadecimal color #cc0396 has RGB values of R:204, G:3, B:150 and CMYK values of C:0, M:0.99, Y:0.26, K:0.2. Its decimal value is 13370262.

Hex triplet	cc0396	`#cc0396`
RGB Decimal	204, 3, 150	`rgb(204,3,150)`
RGB Percent	80, 1.2, 58.8	`rgb(80%,1.2%,58.8%)`
CMYK	0, 99, 26, 20
HSL	316.1°, 97.1, 40.6	`hsl(316.1,97.1%,40.6%)`
HSV (or HSB)	316.1°, 98.5, 80
Web Safe	cc0099	`#cc0099`

CIE-LAB	45.781, 75.79, -23.862
XYZ	30.44, 15.107, 30.166
xyY	0.402, 0.2, 15.107
CIE-LCH	45.781, 79.458, 342.524
CIE-LUV	45.781, 90.759, -45.897
Hunter-Lab	38.868, 71.773, -18.807
Binary	11001100, 00000011, 10010110

#cc0396
```
#cc0396 rgb(204,3,150)
```
#03cc39
```
#03cc39 rgb(3,204,57)
```

Complementary Color

#9e03cc
```
#9e03cc rgb(158,3,204)
```
#cc0396
```
#cc0396 rgb(204,3,150)
```
#cc0331
```
#cc0331 rgb(204,3,49)
```

Analogous Color

#03cc9e
```
#03cc9e rgb(3,204,158)
```
#cc0396
```
#cc0396 rgb(204,3,150)
```
#31cc03
```
#31cc03 rgb(49,204,3)
```

Split Complementary Color

#0396cc
```
#0396cc rgb(3,150,204)
```
#cc0396
```
#cc0396 rgb(204,3,150)
```
#96cc03
```
#96cc03 rgb(150,204,3)
```

Triadic Color

#3903cc
```
#3903cc rgb(57,3,204)
```
#cc0396
```
#cc0396 rgb(204,3,150)
```
#96cc03
```
#96cc03 rgb(150,204,3)
```
#03cc39
```
#03cc39 rgb(3,204,57)
```

Tetradic Color

#81025f
```
#81025f rgb(129,2,95)
```
#9a0271
```
#9a0271 rgb(154,2,113)
```
#b30384
```
#b30384 rgb(179,3,132)
```
#cc0396
```
#cc0396 rgb(204,3,150)
```
#e503a8
```
#e503a8 rgb(229,3,168)
```
#fb07ba
```
#fb07ba rgb(251,7,186)
```
#fc20c1
```
#fc20c1 rgb(252,32,193)
```

Monochromatic Color

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

#cc03c8
```
#cc03c8 rgb(204,3,200)
```
#cc03b8
```
#cc03b8 rgb(204,3,184)
```
#cc03a7
```
#cc03a7 rgb(204,3,167)
```
#cc0396
```
#cc0396 rgb(204,3,150)
```
#cc0385
```
#cc0385 rgb(204,3,133)
```
#cc0375
```
#cc0375 rgb(204,3,117)
```
#cc0364
```
#cc0364 rgb(204,3,100)
```

Similar Colors

Text with hexadecimal color #cc0396

This text has a font color of #cc0396.

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

#cc0396 background color

This paragraph has a background color of #cc0396.

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

#cc0396 border color

This element has a border color of #cc0396.

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

CSS codes

.text {color:#cc0396;}

.background {background-color:#cc0396;}

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

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, #0b0008 is the darkest color, while #fff6fd is the lightest one.

#0b0008
```
#0b0008 rgb(11,0,8)
```
#1e0016
```
#1e0016 rgb(30,0,22)
```
#310124
```
#310124 rgb(49,1,36)
```
#450133
```
#450133 rgb(69,1,51)
```
#580141
```
#580141 rgb(88,1,65)
```
#6b024f
```
#6b024f rgb(107,2,79)
```
#7f025d
```
#7f025d rgb(127,2,93)
```
#92026b
```
#92026b rgb(146,2,107)
```
#a5027a
```
#a5027a rgb(165,2,122)
```
#b90388
```
#b90388 rgb(185,3,136)
```
#cc0396
```
#cc0396 rgb(204,3,150)
```
#df03a4
```
#df03a4 rgb(223,3,164)
```
#f304b2
```
#f304b2 rgb(243,4,178)
```

Shade Color Variation

#fb0ebc
```
#fb0ebc rgb(251,14,188)
```
#fc22c1
```
#fc22c1 rgb(252,34,193)
```
#fc35c7
```
#fc35c7 rgb(252,53,199)
```
#fc48cc
```
#fc48cc rgb(252,72,204)
```
#fd5cd1
```
#fd5cd1 rgb(253,92,209)
```
#fd6fd7
```
#fd6fd7 rgb(253,111,215)
```
#fd82dc
```
#fd82dc rgb(253,130,220)
```
#fd96e2
```
#fd96e2 rgb(253,150,226)
```
#fea9e7
```
#fea9e7 rgb(254,169,231)
```
#febcec
```
#febcec rgb(254,188,236)
```
#fed0f2
```
#fed0f2 rgb(254,208,242)
```
#ffe3f7
```
#ffe3f7 rgb(255,227,247)
```
#fff6fd
```
#fff6fd rgb(255,246,253)
```

Tint Color Variation

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

#6c636a
```
#6c636a rgb(108,99,106)
```
#745b6d
```
#745b6d rgb(116,91,109)
```
#7c5371
```
#7c5371 rgb(124,83,113)
```
#844b75
```
#844b75 rgb(132,75,117)
```
#8c4379
```
#8c4379 rgb(140,67,121)
```
#943b7c
```
#943b7c rgb(148,59,124)
```
#9c3380
```
#9c3380 rgb(156,51,128)
```
#a42b84
```
#a42b84 rgb(164,43,132)
```
#ac2387
```
#ac2387 rgb(172,35,135)
```
#b41b8b
```
#b41b8b rgb(180,27,139)
```
#bc138f
```
#bc138f rgb(188,19,143)
```
#c40b92
```
#c40b92 rgb(196,11,146)
```
#cc0396
```
#cc0396 rgb(204,3,150)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#69415e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b70ce Protanopia 1% of men
#71718c Deuteranopia 1% of men
#c74346 Tritanopia 0.001% of the population

Trichromacy

#7048b9 Protanomaly 1% of men, 0.01% of women
#92498f Deuteranomaly 6% of men, 0.4% of women
#c92b63 Tritanomaly 0.01% of the population

#cc0396 hex color

#cc0396 Color Information

#cc0396 Color Conversion

Color Schemes with #cc0396

Alternatives to #cc0396

#cc0396 Preview

Shades and Tints of #cc0396

Tones of #cc0396

Color Blindness Simulator