#cc3216 hex color

In a RGB color space, hex #cc3216 is composed of 80% red, 19.6% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.5% magenta, 89.2% yellow and 20% black. It has a hue angle of 9.2 degrees, a saturation of 80.5% and a lightness of 44.3%. #cc3216 color hex could be obtained by blending #ff642c with #990000. Closest websafe color is: #cc3300.

♥
- f
- t
- g
- R 80
- G 20
- B 9
RGB color chart
- C 0
- M 75
- Y 89
- K 20
CMYK color chart

● #cc3216 color description : Strong red.

The hexadecimal color #cc3216 has RGB values of R:204, G:50, B:22 and CMYK values of C:0, M:0.75, Y:0.89, K:0.2. Its decimal value is 13382166.

Hex triplet	cc3216	`#cc3216`
RGB Decimal	204, 50, 22	`rgb(204,50,22)`
RGB Percent	80, 19.6, 8.6	`rgb(80%,19.6%,8.6%)`
CMYK	0, 75, 89, 20
HSL	9.2°, 80.5, 44.3	`hsl(9.2,80.5%,44.3%)`
HSV (or HSB)	9.2°, 89.2, 80
Web Safe	cc3300	`#cc3300`

CIE-LAB	45.879, 58.636, 51.321
XYZ	26.189, 15.18, 2.31
xyY	0.6, 0.348, 15.18
CIE-LCH	45.879, 77.924, 41.194
CIE-LUV	45.879, 121.555, 33.087
Hunter-Lab	38.961, 51.801, 23.757
Binary	11001100, 00110010, 00010110

#cc3216
```
#cc3216 rgb(204,50,22)
```
#16b0cc
```
#16b0cc rgb(22,176,204)
```

Complementary Color

#cc1655
```
#cc1655 rgb(204,22,85)
```
#cc3216
```
#cc3216 rgb(204,50,22)
```
#cc8d16
```
#cc8d16 rgb(204,141,22)
```

Analogous Color

#1655cc
```
#1655cc rgb(22,85,204)
```
#cc3216
```
#cc3216 rgb(204,50,22)
```
#16cc8d
```
#16cc8d rgb(22,204,141)
```

Split Complementary Color

#3216cc
```
#3216cc rgb(50,22,204)
```
#cc3216
```
#cc3216 rgb(204,50,22)
```
#16cc32
```
#16cc32 rgb(22,204,50)
```

Triadic Color

#cc16b0
```
#cc16b0 rgb(204,22,176)
```
#cc3216
```
#cc3216 rgb(204,50,22)
```
#16cc32
```
#16cc32 rgb(22,204,50)
```
#16b0cc
```
#16b0cc rgb(22,176,204)
```

Tetradic Color

#87210f
```
#87210f rgb(135,33,15)
```
#9e2711
```
#9e2711 rgb(158,39,17)
```
#b52c14
```
#b52c14 rgb(181,44,20)
```
#cc3216
```
#cc3216 rgb(204,50,22)
```
#e33818
```
#e33818 rgb(227,56,24)
```
#e84a2d
```
#e84a2d rgb(232,74,45)
```
#eb5d44
```
#eb5d44 rgb(235,93,68)
```

Monochromatic Color

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

#cc1628
```
#cc1628 rgb(204,22,40)
```
#cc1618
```
#cc1618 rgb(204,22,24)
```
#cc2316
```
#cc2316 rgb(204,35,22)
```
#cc3216
```
#cc3216 rgb(204,50,22)
```
#cc4116
```
#cc4116 rgb(204,65,22)
```
#cc5016
```
#cc5016 rgb(204,80,22)
```
#cc6016
```
#cc6016 rgb(204,96,22)
```

Similar Colors

Text with hexadecimal color #cc3216

This text has a font color of #cc3216.

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

#cc3216 background color

This paragraph has a background color of #cc3216.

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

#cc3216 border color

This element has a border color of #cc3216.

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

CSS codes

.text {color:#cc3216;}

.background {background-color:#cc3216;}

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

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, #090201 is the darkest color, while #fef8f7 is the lightest one.

#090201
```
#090201 rgb(9,2,1)
```
#1b0703
```
#1b0703 rgb(27,7,3)
```
#2d0b05
```
#2d0b05 rgb(45,11,5)
```
#3e0f07
```
#3e0f07 rgb(62,15,7)
```
#501409
```
#501409 rgb(80,20,9)
```
#62180b
```
#62180b rgb(98,24,11)
```
#731c0c
```
#731c0c rgb(115,28,12)
```
#85210e
```
#85210e rgb(133,33,14)
```
#972510
```
#972510 rgb(151,37,16)
```
#a92912
```
#a92912 rgb(169,41,18)
```
#ba2e14
```
#ba2e14 rgb(186,46,20)
```
#cc3216
```
#cc3216 rgb(204,50,22)
```
#de3618
```
#de3618 rgb(222,54,24)
```

Shade Color Variation

#e74022
```
#e74022 rgb(231,64,34)
```
#e95034
```
#e95034 rgb(233,80,52)
```
#eb5f45
```
#eb5f45 rgb(235,95,69)
```
#ed6e57
```
#ed6e57 rgb(237,110,87)
```
#ef7d69
```
#ef7d69 rgb(239,125,105)
```
#f18d7b
```
#f18d7b rgb(241,141,123)
```
#f39c8c
```
#f39c8c rgb(243,156,140)
```
#f5ab9e
```
#f5ab9e rgb(245,171,158)
```
#f6bbb0
```
#f6bbb0 rgb(246,187,176)
```
#f8cac1
```
#f8cac1 rgb(248,202,193)
```
#fad9d3
```
#fad9d3 rgb(250,217,211)
```
#fce8e5
```
#fce8e5 rgb(252,232,229)
```
#fef8f7
```
#fef8f7 rgb(254,248,247)
```

Tint Color Variation

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

#756e6d
```
#756e6d rgb(117,110,109)
```
#7e6864
```
#7e6864 rgb(126,104,100)
```
#86625c
```
#86625c rgb(134,98,92)
```
#8f5c53
```
#8f5c53 rgb(143,92,83)
```
#98564a
```
#98564a rgb(152,86,74)
```
#a15041
```
#a15041 rgb(161,80,65)
```
#a94a39
```
#a94a39 rgb(169,74,57)
```
#b24430
```
#b24430 rgb(178,68,48)
```
#bb3e27
```
#bb3e27 rgb(187,62,39)
```
#c3381f
```
#c3381f rgb(195,56,31)
```
#cc3216
```
#cc3216 rgb(204,50,22)
```
#d52c0d
```
#d52c0d rgb(213,44,13)
```
#dd2605
```
#dd2605 rgb(221,38,5)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#73544f Atypical Achromatopsia 0.001% of the population

Dichromacy

#81742f Protanopia 1% of men
#916e00 Deuteranopia 1% of men
#cf393b Tritanopia 0.001% of the population

Trichromacy

#9c5c26 Protanomaly 1% of men, 0.01% of women
#a65808 Deuteranomaly 6% of men, 0.4% of women
#ce372d Tritanomaly 0.01% of the population

#cc3216 hex color

#cc3216 Color Information

#cc3216 Color Conversion

Color Schemes with #cc3216

Alternatives to #cc3216

#cc3216 Preview

Shades and Tints of #cc3216

Tones of #cc3216

Color Blindness Simulator