#cc6228 hex color

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

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

● #cc6228 color description : Strong orange.

The hexadecimal color #cc6228 has RGB values of R:204, G:98, B:40 and CMYK values of C:0, M:0.52, Y:0.8, K:0.2. Its decimal value is 13394472.

Hex triplet	cc6228	`#cc6228`
RGB Decimal	204, 98, 40	`rgb(204,98,40)`
RGB Percent	80, 38.4, 15.7	`rgb(80%,38.4%,15.7%)`
CMYK	0, 52, 80, 20
HSL	21.2°, 67.2, 47.8	`hsl(21.2,67.2%,47.8%)`
HSV (or HSB)	21.2°, 80.4, 80
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.738, 38.522, 50.381
XYZ	29.654, 21.729, 4.64
xyY	0.529, 0.388, 21.729
CIE-LCH	53.738, 63.421, 52.598
CIE-LUV	53.738, 86.046, 42.551
Hunter-Lab	46.614, 31.978, 26.728
Binary	11001100, 01100010, 00101000

#cc6228
```
#cc6228 rgb(204,98,40)
```
#2892cc
```
#2892cc rgb(40,146,204)
```

Complementary Color

#cc2840
```
#cc2840 rgb(204,40,64)
```
#cc6228
```
#cc6228 rgb(204,98,40)
```
#ccb428
```
#ccb428 rgb(204,180,40)
```

Analogous Color

#2840cc
```
#2840cc rgb(40,64,204)
```
#cc6228
```
#cc6228 rgb(204,98,40)
```
#28ccb4
```
#28ccb4 rgb(40,204,180)
```

Split Complementary Color

#6228cc
```
#6228cc rgb(98,40,204)
```
#cc6228
```
#cc6228 rgb(204,98,40)
```
#28cc62
```
#28cc62 rgb(40,204,98)
```

Triadic Color

#cc2892
```
#cc2892 rgb(204,40,146)
```
#cc6228
```
#cc6228 rgb(204,98,40)
```
#28cc62
```
#28cc62 rgb(40,204,98)
```
#2892cc
```
#2892cc rgb(40,146,204)
```

Tetradic Color

#8c431b
```
#8c431b rgb(140,67,27)
```
#a14e20
```
#a14e20 rgb(161,78,32)
```
#b75824
```
#b75824 rgb(183,88,36)
```
#cc6228
```
#cc6228 rgb(204,98,40)
```
#d86f36
```
#d86f36 rgb(216,111,54)
```
#dc7e4b
```
#dc7e4b rgb(220,126,75)
```
#e08e61
```
#e08e61 rgb(224,142,97)
```

Monochromatic Color

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

#cc3928
```
#cc3928 rgb(204,57,40)
```
#cc4728
```
#cc4728 rgb(204,71,40)
```
#cc5428
```
#cc5428 rgb(204,84,40)
```
#cc6228
```
#cc6228 rgb(204,98,40)
```
#cc7028
```
#cc7028 rgb(204,112,40)
```
#cc7d28
```
#cc7d28 rgb(204,125,40)
```
#cc8b28
```
#cc8b28 rgb(204,139,40)
```

Similar Colors

Text with hexadecimal color #cc6228

This text has a font color of #cc6228.

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

#cc6228 background color

This paragraph has a background color of #cc6228.

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

#cc6228 border color

This element has a border color of #cc6228.

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

CSS codes

.text {color:#cc6228;}

.background {background-color:#cc6228;}

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

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)
```
#180b05
```
#180b05 rgb(24,11,5)
```
#281308
```
#281308 rgb(40,19,8)
```
#381b0b
```
#381b0b rgb(56,27,11)
```
#49230e
```
#49230e rgb(73,35,14)
```
#592b11
```
#592b11 rgb(89,43,17)
```
#6a3315
```
#6a3315 rgb(106,51,21)
```
#7a3b18
```
#7a3b18 rgb(122,59,24)
```
#8a421b
```
#8a421b rgb(138,66,27)
```
#9b4a1e
```
#9b4a1e rgb(155,74,30)
```
#ab5222
```
#ab5222 rgb(171,82,34)
```
#bc5a25
```
#bc5a25 rgb(188,90,37)
```
#cc6228
```
#cc6228 rgb(204,98,40)
```

Shade Color Variation

#d76c31
```
#d76c31 rgb(215,108,49)
```
#da7741
```
#da7741 rgb(218,119,65)
```
#dd8352
```
#dd8352 rgb(221,131,82)
```
#e08f62
```
#e08f62 rgb(224,143,98)
```
#e39b73
```
#e39b73 rgb(227,155,115)
```
#e7a683
```
#e7a683 rgb(231,166,131)
```
#eab293
```
#eab293 rgb(234,178,147)
```
#edbea4
```
#edbea4 rgb(237,190,164)
```
#f0c9b4
```
#f0c9b4 rgb(240,201,180)
```
#f4d5c5
```
#f4d5c5 rgb(244,213,197)
```
#f7e1d5
```
#f7e1d5 rgb(247,225,213)
```
#faede5
```
#faede5 rgb(250,237,229)
```
#fdf8f6
```
#fdf8f6 rgb(253,248,246)
```

Tint Color Variation

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

#817873
```
#817873 rgb(129,120,115)
```
#8a756a
```
#8a756a rgb(138,117,106)
```
#947260
```
#947260 rgb(148,114,96)
```
#9d7057
```
#9d7057 rgb(157,112,87)
```
#a66d4e
```
#a66d4e rgb(166,109,78)
```
#b06a44
```
#b06a44 rgb(176,106,68)
```
#b9673b
```
#b9673b rgb(185,103,59)
```
#c36531
```
#c36531 rgb(195,101,49)
```
#cc6228
```
#cc6228 rgb(204,98,40)
```
#d55f1f
```
#d55f1f rgb(213,95,31)
```
#df5d15
```
#df5d15 rgb(223,93,21)
```
#e85a0c
```
#e85a0c rgb(232,90,12)
```
#f25702
```
#f25702 rgb(242,87,2)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#8b766a Atypical Achromatopsia 0.001% of the population

Dichromacy

#95873a Protanopia 1% of men
#a7802a Deuteranopia 1% of men
#d1646a Tritanopia 0.001% of the population

Trichromacy

#a97934 Protanomaly 1% of men, 0.01% of women
#b47529 Deuteranomaly 6% of men, 0.4% of women
#cf6352 Tritanomaly 0.01% of the population

#cc6228 hex color

#cc6228 Color Information

#cc6228 Color Conversion

Color Schemes with #cc6228

Alternatives to #cc6228

#cc6228 Preview

Shades and Tints of #cc6228

Tones of #cc6228

Color Blindness Simulator