#cc822e hex color

In a RGB color space, hex #cc822e is composed of 80% red, 51% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.3% magenta, 77.5% yellow and 20% black. It has a hue angle of 31.9 degrees, a saturation of 63.2% and a lightness of 49%. #cc822e color hex could be obtained by blending #ffff5c with #990500. Closest websafe color is: #cc9933.

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

● #cc822e color description : Strong orange.

The hexadecimal color #cc822e has RGB values of R:204, G:130, B:46 and CMYK values of C:0, M:0.36, Y:0.77, K:0.2. Its decimal value is 13402670.

Hex triplet	cc822e	`#cc822e`
RGB Decimal	204, 130, 46	`rgb(204,130,46)`
RGB Percent	80, 51, 18	`rgb(80%,51%,18%)`
CMYK	0, 36, 77, 20
HSL	31.9°, 63.2, 49	`hsl(31.9,63.2%,49%)`
HSV (or HSB)	31.9°, 77.5, 80
Web Safe	cc9933	`#cc9933`

CIE-LAB	60.784, 21.796, 54.523
XYZ	33.378, 29.002, 6.425
xyY	0.485, 0.422, 29.002
CIE-LCH	60.784, 58.718, 68.21
CIE-LUV	60.784, 59.999, 52.852
Hunter-Lab	53.854, 16.39, 30.624
Binary	11001100, 10000010, 00101110

#cc822e
```
#cc822e rgb(204,130,46)
```
#2e78cc
```
#2e78cc rgb(46,120,204)
```

Complementary Color

#cc332e
```
#cc332e rgb(204,51,46)
```
#cc822e
```
#cc822e rgb(204,130,46)
```
#c7cc2e
```
#c7cc2e rgb(199,204,46)
```

Analogous Color

#332ecc
```
#332ecc rgb(51,46,204)
```
#cc822e
```
#cc822e rgb(204,130,46)
```
#2ec7cc
```
#2ec7cc rgb(46,199,204)
```

Split Complementary Color

#822ecc
```
#822ecc rgb(130,46,204)
```
#cc822e
```
#cc822e rgb(204,130,46)
```
#2ecc82
```
#2ecc82 rgb(46,204,130)
```

Triadic Color

#cc2e78
```
#cc2e78 rgb(204,46,120)
```
#cc822e
```
#cc822e rgb(204,130,46)
```
#2ecc82
```
#2ecc82 rgb(46,204,130)
```
#2e78cc
```
#2e78cc rgb(46,120,204)
```

Tetradic Color

#8e5a20
```
#8e5a20 rgb(142,90,32)
```
#a26725
```
#a26725 rgb(162,103,37)
```
#b77529
```
#b77529 rgb(183,117,41)
```
#cc822e
```
#cc822e rgb(204,130,46)
```
#d48e40
```
#d48e40 rgb(212,142,64)
```
#d99b54
```
#d99b54 rgb(217,155,84)
```
#dda769
```
#dda769 rgb(221,167,105)
```

Monochromatic Color

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

#cc5b2e
```
#cc5b2e rgb(204,91,46)
```
#cc682e
```
#cc682e rgb(204,104,46)
```
#cc752e
```
#cc752e rgb(204,117,46)
```
#cc822e
```
#cc822e rgb(204,130,46)
```
#cc8f2e
```
#cc8f2e rgb(204,143,46)
```
#cc9c2e
```
#cc9c2e rgb(204,156,46)
```
#ccaa2e
```
#ccaa2e rgb(204,170,46)
```

Similar Colors

Text with hexadecimal color #cc822e

This text has a font color of #cc822e.

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

#cc822e background color

This paragraph has a background color of #cc822e.

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

#cc822e border color

This element has a border color of #cc822e.

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

CSS codes

.text {color:#cc822e;}

.background {background-color:#cc822e;}

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

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

#0c0803
```
#0c0803 rgb(12,8,3)
```
#1c1206
```
#1c1206 rgb(28,18,6)
```
#2c1c0a
```
#2c1c0a rgb(44,28,10)
```
#3c260e
```
#3c260e rgb(60,38,14)
```
#4c3011
```
#4c3011 rgb(76,48,17)
```
#5c3b15
```
#5c3b15 rgb(92,59,21)
```
#6c4518
```
#6c4518 rgb(108,69,24)
```
#7c4f1c
```
#7c4f1c rgb(124,79,28)
```
#8c5920
```
#8c5920 rgb(140,89,32)
```
#9c6323
```
#9c6323 rgb(156,99,35)
```
#ac6e27
```
#ac6e27 rgb(172,110,39)
```
#bc782a
```
#bc782a rgb(188,120,42)
```
#cc822e
```
#cc822e rgb(204,130,46)
```

Shade Color Variation

#d38c3b
```
#d38c3b rgb(211,140,59)
```
#d6954b
```
#d6954b rgb(214,149,75)
```
#da9e5b
```
#da9e5b rgb(218,158,91)
```
#dea86b
```
#dea86b rgb(222,168,107)
```
#e1b17b
```
#e1b17b rgb(225,177,123)
```
#e5bb8b
```
#e5bb8b rgb(229,187,139)
```
#e8c49b
```
#e8c49b rgb(232,196,155)
```
#ecceab
```
#ecceab rgb(236,206,171)
```
#f0d7bb
```
#f0d7bb rgb(240,215,187)
```
#f3e0cb
```
#f3e0cb rgb(243,224,203)
```
#f7eadb
```
#f7eadb rgb(247,234,219)
```
#faf3eb
```
#faf3eb rgb(250,243,235)
```
#fefdfb
```
#fefdfb rgb(254,253,251)
```

Tint Color Variation

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

#7f7d7b
```
#7f7d7b rgb(127,125,123)
```
#897e71
```
#897e71 rgb(137,126,113)
```
#927e68
```
#927e68 rgb(146,126,104)
```
#9c7f5e
```
#9c7f5e rgb(156,127,94)
```
#a68054
```
#a68054 rgb(166,128,84)
```
#af804b
```
#af804b rgb(175,128,75)
```
#b98141
```
#b98141 rgb(185,129,65)
```
#c28138
```
#c28138 rgb(194,129,56)
```
#cc822e
```
#cc822e rgb(204,130,46)
```
#d68324
```
#d68324 rgb(214,131,36)
```
#df831b
```
#df831b rgb(223,131,27)
```
#e98411
```
#e98411 rgb(233,132,17)
```
#f28408
```
#f28408 rgb(242,132,8)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#9b8c7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9983d Protanopia 1% of men
#bc9135 Deuteranopia 1% of men
#d38089 Tritanopia 0.001% of the population

Trichromacy

#b59037 Protanomaly 1% of men, 0.01% of women
#c28b32 Deuteranomaly 6% of men, 0.4% of women
#d08167 Tritanomaly 0.01% of the population

#cc822e hex color

#cc822e Color Information

#cc822e Color Conversion

Color Schemes with #cc822e

Alternatives to #cc822e

#cc822e Preview

Shades and Tints of #cc822e

Tones of #cc822e

Color Blindness Simulator