colorhexa.com

#cc7a2a hex color

In a RGB color space, hex #cc7a2a is composed of 80% red, 47.8% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.2% magenta, 79.4% yellow and 20% black. It has a hue angle of 29.6 degrees, a saturation of 65.9% and a lightness of 48.2%. #cc7a2a color hex could be obtained by blending #fff454 with #990000. Closest websafe color is: #cc6633.

- R 80
- G 48
- B 16
RGB color chart
- C 0
- M 40
- Y 79
- K 20
CMYK color chart

● #cc7a2a color description : Strong orange.

The hexadecimal color #cc7a2a has RGB values of R:204, G:122, B:42 and CMYK values of C:0, M:0.4, Y:0.79, K:0.2. Its decimal value is 13400618.

Hex triplet	cc7a2a	`#cc7a2a`
RGB Decimal	204, 122, 42	`rgb(204,122,42)`
RGB Percent	80, 47.8, 16.5	`rgb(80%,47.8%,16.5%)`
CMYK	0, 40, 79, 20
HSL	29.6°, 65.9, 48.2	`hsl(29.6,65.9%,48.2%)`
HSV (or HSB)	29.6°, 79.4, 80
Web Safe	cc6633	`#cc6633`

CIE-LAB	58.906, 25.978, 54.385
XYZ	32.28, 26.926, 5.688
xyY	0.497, 0.415, 26.926
CIE-LCH	58.906, 60.271, 64.468
CIE-LUV	58.906, 66.659, 50.803
Hunter-Lab	51.89, 20.234, 29.825
Binary	11001100, 01111010, 00101010

#cc7a2a
```
#cc7a2a rgb(204,122,42)
```
#2a7ccc
```
#2a7ccc rgb(42,124,204)
```

Complementary Color

#cc2a2b
```
#cc2a2b rgb(204,42,43)
```
#cc7a2a
```
#cc7a2a rgb(204,122,42)
```
#cccb2a
```
#cccb2a rgb(204,203,42)
```

Analogous Color

#2a2bcc
```
#2a2bcc rgb(42,43,204)
```
#cc7a2a
```
#cc7a2a rgb(204,122,42)
```
#2acccb
```
#2acccb rgb(42,204,203)
```

Split Complementary Color

#7a2acc
```
#7a2acc rgb(122,42,204)
```
#cc7a2a
```
#cc7a2a rgb(204,122,42)
```
#2acc7a
```
#2acc7a rgb(42,204,122)
```

Triadic Color

#cc2a7c
```
#cc2a7c rgb(204,42,124)
```
#cc7a2a
```
#cc7a2a rgb(204,122,42)
```
#2acc7a
```
#2acc7a rgb(42,204,122)
```
#2a7ccc
```
#2a7ccc rgb(42,124,204)
```

Tetradic Color

#8d541d
```
#8d541d rgb(141,84,29)
```
#a26121
```
#a26121 rgb(162,97,33)
```
#b76d26
```
#b76d26 rgb(183,109,38)
```
#cc7a2a
```
#cc7a2a rgb(204,122,42)
```
#d68739
```
#d68739 rgb(214,135,57)
```
#db944e
```
#db944e rgb(219,148,78)
```
#dfa064
```
#dfa064 rgb(223,160,100)
```

Monochromatic Color

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

#cc522a
```
#cc522a rgb(204,82,42)
```
#cc5f2a
```
#cc5f2a rgb(204,95,42)
```
#cc6d2a
```
#cc6d2a rgb(204,109,42)
```
#cc7a2a
```
#cc7a2a rgb(204,122,42)
```
#cc882a
```
#cc882a rgb(204,136,42)
```
#cc952a
```
#cc952a rgb(204,149,42)
```
#cca32a
```
#cca32a rgb(204,163,42)
```

Similar Colors

Text with hexadecimal color #cc7a2a

This text has a font color of #cc7a2a.

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

#cc7a2a background color

This paragraph has a background color of #cc7a2a.

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

#cc7a2a border color

This element has a border color of #cc7a2a.

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

CSS codes

.text {color:#cc7a2a;}

.background {background-color:#cc7a2a;}

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

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

#090502
```
#090502 rgb(9,5,2)
```
#190f05
```
#190f05 rgb(25,15,5)
```
#291909
```
#291909 rgb(41,25,9)
```
#3a220c
```
#3a220c rgb(58,34,12)
```
#4a2c0f
```
#4a2c0f rgb(74,44,15)
```
#5a3613
```
#5a3613 rgb(90,54,19)
```
#6a4016
```
#6a4016 rgb(106,64,22)
```
#7b4919
```
#7b4919 rgb(123,73,25)
```
#8b531d
```
#8b531d rgb(139,83,29)
```
#9b5d20
```
#9b5d20 rgb(155,93,32)
```
#ab6723
```
#ab6723 rgb(171,103,35)
```
#bc7027
```
#bc7027 rgb(188,112,39)
```
#cc7a2a
```
#cc7a2a rgb(204,122,42)
```

Shade Color Variation

#d58434
```
#d58434 rgb(213,132,52)
```
#d98e45
```
#d98e45 rgb(217,142,69)
```
#dc9855
```
#dc9855 rgb(220,152,85)
```
#dfa165
```
#dfa165 rgb(223,161,101)
```
#e3ab75
```
#e3ab75 rgb(227,171,117)
```
#e6b586
```
#e6b586 rgb(230,181,134)
```
#e9bf96
```
#e9bf96 rgb(233,191,150)
```
#edc9a6
```
#edc9a6 rgb(237,201,166)
```
#f0d3b6
```
#f0d3b6 rgb(240,211,182)
```
#f3ddc7
```
#f3ddc7 rgb(243,221,199)
```
#f7e7d7
```
#f7e7d7 rgb(247,231,215)
```
#faf1e7
```
#faf1e7 rgb(250,241,231)
```
#fdfaf8
```
#fdfaf8 rgb(253,250,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 #f27a04 is the most saturated one.

#807b76
```
#807b76 rgb(128,123,118)
```
#8a7b6c
```
#8a7b6c rgb(138,123,108)
```
#937b63
```
#937b63 rgb(147,123,99)
```
#9d7b59
```
#9d7b59 rgb(157,123,89)
```
#a67a50
```
#a67a50 rgb(166,122,80)
```
#b07a46
```
#b07a46 rgb(176,122,70)
```
#b97a3d
```
#b97a3d rgb(185,122,61)
```
#c37a33
```
#c37a33 rgb(195,122,51)
```
#cc7a2a
```
#cc7a2a rgb(204,122,42)
```
#d57a21
```
#d57a21 rgb(213,122,33)
```
#df7a17
```
#df7a17 rgb(223,122,23)
```
#e87a0e
```
#e87a0e rgb(232,122,14)
```
#f27a04
```
#f27a04 rgb(242,122,4)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#968676 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4933a Protanopia 1% of men
#b78c30 Deuteranopia 1% of men
#d27981 Tritanopia 0.001% of the population

Trichromacy

#b28a34 Protanomaly 1% of men, 0.01% of women
#be852d Deuteranomaly 6% of men, 0.4% of women
#d07961 Tritanomaly 0.01% of the population