#cc5228 hex color

In a RGB color space, hex #cc5228 is composed of 80% red, 32.2% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.8% magenta, 80.4% yellow and 20% black. It has a hue angle of 15.4 degrees, a saturation of 67.2% and a lightness of 47.8%. #cc5228 color hex could be obtained by blending #ffa450 with #990000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 80
- G 32
- B 16
RGB color chart
- C 0
- M 60
- Y 80
- K 20
CMYK color chart

● #cc5228 color description : Strong orange.

The hexadecimal color #cc5228 has RGB values of R:204, G:82, B:40 and CMYK values of C:0, M:0.6, Y:0.8, K:0.2. Its decimal value is 13390376.

Hex triplet	cc5228	`#cc5228`
RGB Decimal	204, 82, 40	`rgb(204,82,40)`
RGB Percent	80, 32.2, 15.7	`rgb(80%,32.2%,15.7%)`
CMYK	0, 60, 80, 20
HSL	15.4°, 67.2, 47.8	`hsl(15.4,67.2%,47.8%)`
HSV (or HSB)	15.4°, 80.4, 80
Web Safe	cc6633	`#cc6633`

CIE-LAB	50.72, 46.303, 47.513
XYZ	28.303, 19.028, 4.19
xyY	0.549, 0.369, 19.028
CIE-LCH	50.72, 66.344, 45.739
CIE-LUV	50.72, 98.328, 37.258
Hunter-Lab	43.621, 39.481, 24.84
Binary	11001100, 01010010, 00101000

#cc5228
```
#cc5228 rgb(204,82,40)
```
#28a2cc
```
#28a2cc rgb(40,162,204)
```

Complementary Color

#cc2850
```
#cc2850 rgb(204,40,80)
```
#cc5228
```
#cc5228 rgb(204,82,40)
```
#cca428
```
#cca428 rgb(204,164,40)
```

Analogous Color

#2850cc
```
#2850cc rgb(40,80,204)
```
#cc5228
```
#cc5228 rgb(204,82,40)
```
#28cca4
```
#28cca4 rgb(40,204,164)
```

Split Complementary Color

#5228cc
```
#5228cc rgb(82,40,204)
```
#cc5228
```
#cc5228 rgb(204,82,40)
```
#28cc52
```
#28cc52 rgb(40,204,82)
```

Triadic Color

#cc28a2
```
#cc28a2 rgb(204,40,162)
```
#cc5228
```
#cc5228 rgb(204,82,40)
```
#28cc52
```
#28cc52 rgb(40,204,82)
```
#28a2cc
```
#28a2cc rgb(40,162,204)
```

Tetradic Color

#8c381b
```
#8c381b rgb(140,56,27)
```
#a14120
```
#a14120 rgb(161,65,32)
```
#b74924
```
#b74924 rgb(183,73,36)
```
#cc5228
```
#cc5228 rgb(204,82,40)
```
#d85f36
```
#d85f36 rgb(216,95,54)
```
#dc704b
```
#dc704b rgb(220,112,75)
```
#e08161
```
#e08161 rgb(224,129,97)
```

Monochromatic Color

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

#cc2928
```
#cc2928 rgb(204,41,40)
```
#cc3728
```
#cc3728 rgb(204,55,40)
```
#cc4428
```
#cc4428 rgb(204,68,40)
```
#cc5228
```
#cc5228 rgb(204,82,40)
```
#cc6028
```
#cc6028 rgb(204,96,40)
```
#cc6d28
```
#cc6d28 rgb(204,109,40)
```
#cc7b28
```
#cc7b28 rgb(204,123,40)
```

Similar Colors

Text with hexadecimal color #cc5228

This text has a font color of #cc5228.

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

#cc5228 background color

This paragraph has a background color of #cc5228.

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

#cc5228 border color

This element has a border color of #cc5228.

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

CSS codes

.text {color:#cc5228;}

.background {background-color:#cc5228;}

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

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

#070301
```
#070301 rgb(7,3,1)
```
#180905
```
#180905 rgb(24,9,5)
```
#281008
```
#281008 rgb(40,16,8)
```
#38170b
```
#38170b rgb(56,23,11)
```
#491d0e
```
#491d0e rgb(73,29,14)
```
#592411
```
#592411 rgb(89,36,17)
```
#6a2a15
```
#6a2a15 rgb(106,42,21)
```
#7a3118
```
#7a3118 rgb(122,49,24)
```
#8a381b
```
#8a381b rgb(138,56,27)
```
#9b3e1e
```
#9b3e1e rgb(155,62,30)
```
#ab4522
```
#ab4522 rgb(171,69,34)
```
#bc4b25
```
#bc4b25 rgb(188,75,37)
```
#cc5228
```
#cc5228 rgb(204,82,40)
```

Shade Color Variation

#d75b31
```
#d75b31 rgb(215,91,49)
```
#da6841
```
#da6841 rgb(218,104,65)
```
#dd7552
```
#dd7552 rgb(221,117,82)
```
#e08262
```
#e08262 rgb(224,130,98)
```
#e39073
```
#e39073 rgb(227,144,115)
```
#e79d83
```
#e79d83 rgb(231,157,131)
```
#eaaa93
```
#eaaa93 rgb(234,170,147)
```
#edb7a4
```
#edb7a4 rgb(237,183,164)
```
#f0c4b4
```
#f0c4b4 rgb(240,196,180)
```
#f4d1c5
```
#f4d1c5 rgb(244,209,197)
```
#f7ded5
```
#f7ded5 rgb(247,222,213)
```
#faebe5
```
#faebe5 rgb(250,235,229)
```
#fdf8f6
```
#fdf8f6 rgb(253,248,246)
```

Tint Color Variation

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

#817773
```
#817773 rgb(129,119,115)
```
#8a726a
```
#8a726a rgb(138,114,106)
```
#946d60
```
#946d60 rgb(148,109,96)
```
#9d6957
```
#9d6957 rgb(157,105,87)
```
#a6644e
```
#a6644e rgb(166,100,78)
```
#b06044
```
#b06044 rgb(176,96,68)
```
#b95b3b
```
#b95b3b rgb(185,91,59)
```
#c35731
```
#c35731 rgb(195,87,49)
```
#cc5228
```
#cc5228 rgb(204,82,40)
```
#d54d1f
```
#d54d1f rgb(213,77,31)
```
#df4915
```
#df4915 rgb(223,73,21)
```
#e8440c
```
#e8440c rgb(232,68,12)
```
#f24002
```
#f24002 rgb(242,64,2)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#846c63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d7f3d Protanopia 1% of men
#9e7928 Deuteranopia 1% of men
#d0565b Tritanopia 0.001% of the population

Trichromacy

#a46f35 Protanomaly 1% of men, 0.01% of women
#af6b28 Deuteranomaly 6% of men, 0.4% of women
#ce5448 Tritanomaly 0.01% of the population

#cc5228 hex color

#cc5228 Color Information

#cc5228 Color Conversion

Color Schemes with #cc5228

Alternatives to #cc5228

#cc5228 Preview

Shades and Tints of #cc5228

Tones of #cc5228

Color Blindness Simulator