#cc822a hex color

In a RGB color space, hex #cc822a is composed of 80% red, 51% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.3% magenta, 79.4% yellow and 20% black. It has a hue angle of 32.6 degrees, a saturation of 65.9% and a lightness of 48.2%. #cc822a color hex could be obtained by blending #ffff54 with #990500. Closest websafe color is: #cc9933.

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

● #cc822a color description : Strong orange.

The hexadecimal color #cc822a has RGB values of R:204, G:130, B:42 and CMYK values of C:0, M:0.36, Y:0.79, K:0.2. Its decimal value is 13402666.

Hex triplet	cc822a	`#cc822a`
RGB Decimal	204, 130, 42	`rgb(204,130,42)`
RGB Percent	80, 51, 16.5	`rgb(80%,51%,16.5%)`
CMYK	0, 36, 79, 20
HSL	32.6°, 65.9, 48.2	`hsl(32.6,65.9%,48.2%)`
HSV (or HSB)	32.6°, 79.4, 80
Web Safe	cc9933	`#cc9933`

CIE-LAB	60.757, 21.645, 56.111
XYZ	33.303, 28.972, 6.029
xyY	0.488, 0.424, 28.972
CIE-LCH	60.757, 60.142, 68.905
CIE-LUV	60.757, 60.247, 53.88
Hunter-Lab	53.826, 16.247, 31.037
Binary	11001100, 10000010, 00101010

#cc822a
```
#cc822a rgb(204,130,42)
```
#2a74cc
```
#2a74cc rgb(42,116,204)
```

Complementary Color

#cc312a
```
#cc312a rgb(204,49,42)
```
#cc822a
```
#cc822a rgb(204,130,42)
```
#c5cc2a
```
#c5cc2a rgb(197,204,42)
```

Analogous Color

#312acc
```
#312acc rgb(49,42,204)
```
#cc822a
```
#cc822a rgb(204,130,42)
```
#2ac5cc
```
#2ac5cc rgb(42,197,204)
```

Split Complementary Color

#822acc
```
#822acc rgb(130,42,204)
```
#cc822a
```
#cc822a rgb(204,130,42)
```
#2acc82
```
#2acc82 rgb(42,204,130)
```

Triadic Color

#cc2a74
```
#cc2a74 rgb(204,42,116)
```
#cc822a
```
#cc822a rgb(204,130,42)
```
#2acc82
```
#2acc82 rgb(42,204,130)
```
#2a74cc
```
#2a74cc rgb(42,116,204)
```

Tetradic Color

#8d5a1d
```
#8d5a1d rgb(141,90,29)
```
#a26721
```
#a26721 rgb(162,103,33)
```
#b77526
```
#b77526 rgb(183,117,38)
```
#cc822a
```
#cc822a rgb(204,130,42)
```
#d68f39
```
#d68f39 rgb(214,143,57)
```
#db9b4e
```
#db9b4e rgb(219,155,78)
```
#dfa764
```
#dfa764 rgb(223,167,100)
```

Monochromatic Color

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

#cc5a2a
```
#cc5a2a rgb(204,90,42)
```
#cc672a
```
#cc672a rgb(204,103,42)
```
#cc752a
```
#cc752a rgb(204,117,42)
```
#cc822a
```
#cc822a rgb(204,130,42)
```
#cc902a
```
#cc902a rgb(204,144,42)
```
#cc9d2a
```
#cc9d2a rgb(204,157,42)
```
#ccab2a
```
#ccab2a rgb(204,171,42)
```

Similar Colors

Text with hexadecimal color #cc822a

This text has a font color of #cc822a.

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

#cc822a background color

This paragraph has a background color of #cc822a.

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

#cc822a border color

This element has a border color of #cc822a.

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

CSS codes

.text {color:#cc822a;}

.background {background-color:#cc822a;}

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

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

#090602
```
#090602 rgb(9,6,2)
```
#191005
```
#191005 rgb(25,16,5)
```
#291a09
```
#291a09 rgb(41,26,9)
```
#3a250c
```
#3a250c rgb(58,37,12)
```
#4a2f0f
```
#4a2f0f rgb(74,47,15)
```
#5a3913
```
#5a3913 rgb(90,57,19)
```
#6a4416
```
#6a4416 rgb(106,68,22)
```
#7b4e19
```
#7b4e19 rgb(123,78,25)
```
#8b591d
```
#8b591d rgb(139,89,29)
```
#9b6320
```
#9b6320 rgb(155,99,32)
```
#ab6d23
```
#ab6d23 rgb(171,109,35)
```
#bc7827
```
#bc7827 rgb(188,120,39)
```
#cc822a
```
#cc822a rgb(204,130,42)
```

Shade Color Variation

#d58c34
```
#d58c34 rgb(213,140,52)
```
#d99545
```
#d99545 rgb(217,149,69)
```
#dc9e55
```
#dc9e55 rgb(220,158,85)
```
#dfa865
```
#dfa865 rgb(223,168,101)
```
#e3b175
```
#e3b175 rgb(227,177,117)
```
#e6ba86
```
#e6ba86 rgb(230,186,134)
```
#e9c396
```
#e9c396 rgb(233,195,150)
```
#edcda6
```
#edcda6 rgb(237,205,166)
```
#f0d6b6
```
#f0d6b6 rgb(240,214,182)
```
#f3dfc7
```
#f3dfc7 rgb(243,223,199)
```
#f7e8d7
```
#f7e8d7 rgb(247,232,215)
```
#faf2e7
```
#faf2e7 rgb(250,242,231)
```
#fdfbf8
```
#fdfbf8 rgb(253,251,248)
```

Tint Color Variation

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

#807b76
```
#807b76 rgb(128,123,118)
```
#8a7c6c
```
#8a7c6c rgb(138,124,108)
```
#937d63
```
#937d63 rgb(147,125,99)
```
#9d7e59
```
#9d7e59 rgb(157,126,89)
```
#a67f50
```
#a67f50 rgb(166,127,80)
```
#b08046
```
#b08046 rgb(176,128,70)
```
#b9803d
```
#b9803d rgb(185,128,61)
```
#c38133
```
#c38133 rgb(195,129,51)
```
#cc822a
```
#cc822a rgb(204,130,42)
```
#d58321
```
#d58321 rgb(213,131,33)
```
#df8417
```
#df8417 rgb(223,132,23)
```
#e8840e
```
#e8840e rgb(232,132,14)
```
#f28504
```
#f28504 rgb(242,133,4)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#9a8c7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a99839 Protanopia 1% of men
#bd9131 Deuteranopia 1% of men
#d38088 Tritanopia 0.001% of the population

Trichromacy

#b59033 Protanomaly 1% of men, 0.01% of women
#c28b2e Deuteranomaly 6% of men, 0.4% of women
#d08066 Tritanomaly 0.01% of the population

#cc822a hex color

#cc822a Color Information

#cc822a Color Conversion

Color Schemes with #cc822a

Alternatives to #cc822a

#cc822a Preview

Shades and Tints of #cc822a

Tones of #cc822a

Color Blindness Simulator