#cc8a2a hex color

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

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

● #cc8a2a color description : Strong orange.

The hexadecimal color #cc8a2a has RGB values of R:204, G:138, B:42 and CMYK values of C:0, M:0.32, Y:0.79, K:0.2. Its decimal value is 13404714.

Hex triplet	cc8a2a	`#cc8a2a`
RGB Decimal	204, 138, 42	`rgb(204,138,42)`
RGB Percent	80, 54.1, 16.5	`rgb(80%,54.1%,16.5%)`
CMYK	0, 32, 79, 20
HSL	35.6°, 65.9, 48.2	`hsl(35.6,65.9%,48.2%)`
HSV (or HSB)	35.6°, 79.4, 80
Web Safe	cc9933	`#cc9933`

CIE-LAB	62.662, 17.292, 57.874
XYZ	34.409, 31.184, 6.397
xyY	0.478, 0.433, 31.184
CIE-LCH	62.662, 60.402, 73.365
CIE-LUV	62.662, 53.892, 57.005
Hunter-Lab	55.842, 12.264, 32.297
Binary	11001100, 10001010, 00101010

#cc8a2a
```
#cc8a2a rgb(204,138,42)
```
#2a6ccc
```
#2a6ccc rgb(42,108,204)
```

Complementary Color

#cc392a
```
#cc392a rgb(204,57,42)
```
#cc8a2a
```
#cc8a2a rgb(204,138,42)
```
#bdcc2a
```
#bdcc2a rgb(189,204,42)
```

Analogous Color

#392acc
```
#392acc rgb(57,42,204)
```
#cc8a2a
```
#cc8a2a rgb(204,138,42)
```
#2abdcc
```
#2abdcc rgb(42,189,204)
```

Split Complementary Color

#8a2acc
```
#8a2acc rgb(138,42,204)
```
#cc8a2a
```
#cc8a2a rgb(204,138,42)
```
#2acc8a
```
#2acc8a rgb(42,204,138)
```

Triadic Color

#cc2a6c
```
#cc2a6c rgb(204,42,108)
```
#cc8a2a
```
#cc8a2a rgb(204,138,42)
```
#2acc8a
```
#2acc8a rgb(42,204,138)
```
#2a6ccc
```
#2a6ccc rgb(42,108,204)
```

Tetradic Color

#8d5f1d
```
#8d5f1d rgb(141,95,29)
```
#a26d21
```
#a26d21 rgb(162,109,33)
```
#b77c26
```
#b77c26 rgb(183,124,38)
```
#cc8a2a
```
#cc8a2a rgb(204,138,42)
```
#d69639
```
#d69639 rgb(214,150,57)
```
#dba14e
```
#dba14e rgb(219,161,78)
```
#dfad64
```
#dfad64 rgb(223,173,100)
```

Monochromatic Color

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

#cc622a
```
#cc622a rgb(204,98,42)
```
#cc6f2a
```
#cc6f2a rgb(204,111,42)
```
#cc7d2a
```
#cc7d2a rgb(204,125,42)
```
#cc8a2a
```
#cc8a2a rgb(204,138,42)
```
#cc982a
```
#cc982a rgb(204,152,42)
```
#cca52a
```
#cca52a rgb(204,165,42)
```
#ccb32a
```
#ccb32a rgb(204,179,42)
```

Similar Colors

Text with hexadecimal color #cc8a2a

This text has a font color of #cc8a2a.

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

#cc8a2a background color

This paragraph has a background color of #cc8a2a.

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

#cc8a2a border color

This element has a border color of #cc8a2a.

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

CSS codes

.text {color:#cc8a2a;}

.background {background-color:#cc8a2a;}

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

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)
```
#191105
```
#191105 rgb(25,17,5)
```
#291c09
```
#291c09 rgb(41,28,9)
```
#3a270c
```
#3a270c rgb(58,39,12)
```
#4a320f
```
#4a320f rgb(74,50,15)
```
#5a3d13
```
#5a3d13 rgb(90,61,19)
```
#6a4816
```
#6a4816 rgb(106,72,22)
```
#7b5319
```
#7b5319 rgb(123,83,25)
```
#8b5e1d
```
#8b5e1d rgb(139,94,29)
```
#9b6920
```
#9b6920 rgb(155,105,32)
```
#ab7423
```
#ab7423 rgb(171,116,35)
```
#bc7f27
```
#bc7f27 rgb(188,127,39)
```
#cc8a2a
```
#cc8a2a rgb(204,138,42)
```

Shade Color Variation

#d59434
```
#d59434 rgb(213,148,52)
```
#d99c45
```
#d99c45 rgb(217,156,69)
```
#dca555
```
#dca555 rgb(220,165,85)
```
#dfae65
```
#dfae65 rgb(223,174,101)
```
#e3b675
```
#e3b675 rgb(227,182,117)
```
#e6bf86
```
#e6bf86 rgb(230,191,134)
```
#e9c796
```
#e9c796 rgb(233,199,150)
```
#edd0a6
```
#edd0a6 rgb(237,208,166)
```
#f0d9b6
```
#f0d9b6 rgb(240,217,182)
```
#f3e1c7
```
#f3e1c7 rgb(243,225,199)
```
#f7ead7
```
#f7ead7 rgb(247,234,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, #807c76 is the less saturated color, while #f29104 is the most saturated one.

#807c76
```
#807c76 rgb(128,124,118)
```
#8a7e6c
```
#8a7e6c rgb(138,126,108)
```
#937f63
```
#937f63 rgb(147,127,99)
```
#9d8159
```
#9d8159 rgb(157,129,89)
```
#a68350
```
#a68350 rgb(166,131,80)
```
#b08546
```
#b08546 rgb(176,133,70)
```
#b9863d
```
#b9863d rgb(185,134,61)
```
#c38833
```
#c38833 rgb(195,136,51)
```
#cc8a2a
```
#cc8a2a rgb(204,138,42)
```
#d58c21
```
#d58c21 rgb(213,140,33)
```
#df8e17
```
#df8e17 rgb(223,142,23)
```
#e88f0e
```
#e88f0e rgb(232,143,14)
```
#f29104
```
#f29104 rgb(242,145,4)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#9e917e Atypical Achromatopsia 0.001% of the population

Dichromacy

#ae9d38 Protanopia 1% of men
#c29532 Deuteranopia 1% of men
#d48790 Tritanopia 0.001% of the population

Trichromacy

#b99633 Protanomaly 1% of men, 0.01% of women
#c6912f Deuteranomaly 6% of men, 0.4% of women
#d1886b Tritanomaly 0.01% of the population

#cc8a2a hex color

#cc8a2a Color Information

#cc8a2a Color Conversion

Color Schemes with #cc8a2a

Alternatives to #cc8a2a

#cc8a2a Preview

Shades and Tints of #cc8a2a

Tones of #cc8a2a

Color Blindness Simulator