#cc7106 hex color

In a RGB color space, hex #cc7106 is composed of 80% red, 44.3% green and 2.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 44.6% magenta, 97.1% yellow and 20% black. It has a hue angle of 32.4 degrees, a saturation of 94.3% and a lightness of 41.2%. #cc7106 color hex could be obtained by blending #ffe20c with #990000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 80
- G 44
- B 2
RGB color chart
- C 0
- M 45
- Y 97
- K 20
CMYK color chart

● #cc7106 color description : Strong orange.

The hexadecimal color #cc7106 has RGB values of R:204, G:113, B:6 and CMYK values of C:0, M:0.45, Y:0.97, K:0.2. Its decimal value is 13398278.

Hex triplet	cc7106	`#cc7106`
RGB Decimal	204, 113, 6	`rgb(204,113,6)`
RGB Percent	80, 44.3, 2.4	`rgb(80%,44.3%,2.4%)`
CMYK	0, 45, 97, 20
HSL	32.4°, 94.3, 41.2	`hsl(32.4,94.3%,41.2%)`
HSV (or HSB)	32.4°, 97.1, 80
Web Safe	cc6600	`#cc6600`

CIE-LAB	56.746, 30.024, 63.013
XYZ	30.841, 24.663, 3.309
xyY	0.524, 0.419, 24.663
CIE-LCH	56.746, 69.8, 64.524
CIE-LUV	56.746, 75.629, 53.195
Hunter-Lab	49.662, 23.942, 30.813
Binary	11001100, 01110001, 00000110

#cc7106
```
#cc7106 rgb(204,113,6)
```
#0661cc
```
#0661cc rgb(6,97,204)
```

Complementary Color

#cc0e06
```
#cc0e06 rgb(204,14,6)
```
#cc7106
```
#cc7106 rgb(204,113,6)
```
#c4cc06
```
#c4cc06 rgb(196,204,6)
```

Analogous Color

#0e06cc
```
#0e06cc rgb(14,6,204)
```
#cc7106
```
#cc7106 rgb(204,113,6)
```
#06c4cc
```
#06c4cc rgb(6,196,204)
```

Split Complementary Color

#7106cc
```
#7106cc rgb(113,6,204)
```
#cc7106
```
#cc7106 rgb(204,113,6)
```
#06cc71
```
#06cc71 rgb(6,204,113)
```

Triadic Color

#cc0661
```
#cc0661 rgb(204,6,97)
```
#cc7106
```
#cc7106 rgb(204,113,6)
```
#06cc71
```
#06cc71 rgb(6,204,113)
```
#0661cc
```
#0661cc rgb(6,97,204)
```

Tetradic Color

#824804
```
#824804 rgb(130,72,4)
```
#9a5605
```
#9a5605 rgb(154,86,5)
```
#b36305
```
#b36305 rgb(179,99,5)
```
#cc7106
```
#cc7106 rgb(204,113,6)
```
#e57f07
```
#e57f07 rgb(229,127,7)
```
#f88c0d
```
#f88c0d rgb(248,140,13)
```
#f99826
```
#f99826 rgb(249,152,38)
```

Monochromatic Color

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

#cc4006
```
#cc4006 rgb(204,64,6)
```
#cc5006
```
#cc5006 rgb(204,80,6)
```
#cc6106
```
#cc6106 rgb(204,97,6)
```
#cc7106
```
#cc7106 rgb(204,113,6)
```
#cc8206
```
#cc8206 rgb(204,130,6)
```
#cc9206
```
#cc9206 rgb(204,146,6)
```
#cca306
```
#cca306 rgb(204,163,6)
```

Similar Colors

Text with hexadecimal color #cc7106

This text has a font color of #cc7106.

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

#cc7106 background color

This paragraph has a background color of #cc7106.

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

#cc7106 border color

This element has a border color of #cc7106.

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

CSS codes

.text {color:#cc7106;}

.background {background-color:#cc7106;}

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

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

#0d0700
```
#0d0700 rgb(13,7,0)
```
#211201
```
#211201 rgb(33,18,1)
```
#341d02
```
#341d02 rgb(52,29,2)
```
#472702
```
#472702 rgb(71,39,2)
```
#5a3203
```
#5a3203 rgb(90,50,3)
```
#6d3c03
```
#6d3c03 rgb(109,60,3)
```
#804704
```
#804704 rgb(128,71,4)
```
#935104
```
#935104 rgb(147,81,4)
```
#a65c05
```
#a65c05 rgb(166,92,5)
```
#b96605
```
#b96605 rgb(185,102,5)
```
#cc7106
```
#cc7106 rgb(204,113,6)
```
#df7c07
```
#df7c07 rgb(223,124,7)
```
#f28607
```
#f28607 rgb(242,134,7)
```

Shade Color Variation

#f89015
```
#f89015 rgb(248,144,21)
```
#f99928
```
#f99928 rgb(249,153,40)
```
#f9a23b
```
#f9a23b rgb(249,162,59)
```
#faab4e
```
#faab4e rgb(250,171,78)
```
#fab461
```
#fab461 rgb(250,180,97)
```
#fbbd74
```
#fbbd74 rgb(251,189,116)
```
#fbc687
```
#fbc687 rgb(251,198,135)
```
#fccf9a
```
#fccf9a rgb(252,207,154)
```
#fdd8ad
```
#fdd8ad rgb(253,216,173)
```
#fde1c0
```
#fde1c0 rgb(253,225,192)
```
#feead3
```
#feead3 rgb(254,234,211)
```
#fef3e6
```
#fef3e6 rgb(254,243,230)
```
#fffcf9
```
#fffcf9 rgb(255,252,249)
```

Tint Color Variation

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

#6b6967
```
#6b6967 rgb(107,105,103)
```
#736a5f
```
#736a5f rgb(115,106,95)
```
#7b6a57
```
#7b6a57 rgb(123,106,87)
```
#836b4f
```
#836b4f rgb(131,107,79)
```
#8b6c47
```
#8b6c47 rgb(139,108,71)
```
#936c3f
```
#936c3f rgb(147,108,63)
```
#9c6d36
```
#9c6d36 rgb(156,109,54)
```
#a46e2e
```
#a46e2e rgb(164,110,46)
```
#ac6e26
```
#ac6e26 rgb(172,110,38)
```
#b46f1e
```
#b46f1e rgb(180,111,30)
```
#bc7016
```
#bc7016 rgb(188,112,22)
```
#c4700e
```
#c4700e rgb(196,112,14)
```
#cc7106
```
#cc7106 rgb(204,113,6)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#8f7d68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f8e1a Protanopia 1% of men
#b28700 Deuteranopia 1% of men
#d27077 Tritanopia 0.001% of the population

Trichromacy

#af8312 Protanomaly 1% of men, 0.01% of women
#bb7f02 Deuteranomaly 6% of men, 0.4% of women
#d0704e Tritanomaly 0.01% of the population

#cc7106 hex color

#cc7106 Color Information

#cc7106 Color Conversion

Color Schemes with #cc7106

Alternatives to #cc7106

#cc7106 Preview

Shades and Tints of #cc7106

Tones of #cc7106

Color Blindness Simulator