#cc7015 hex color

In a RGB color space, hex #cc7015 is composed of 80% red, 43.9% green and 8.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.1% magenta, 89.7% yellow and 20% black. It has a hue angle of 29.8 degrees, a saturation of 81.3% and a lightness of 44.1%. #cc7015 color hex could be obtained by blending #ffe02a with #990000. Closest websafe color is: #cc6600.

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

● #cc7015 color description : Strong orange.

The hexadecimal color #cc7015 has RGB values of R:204, G:112, B:21 and CMYK values of C:0, M:0.45, Y:0.9, K:0.2. Its decimal value is 13398037.

Hex triplet	cc7015	`#cc7015`
RGB Decimal	204, 112, 21	`rgb(204,112,21)`
RGB Percent	80, 43.9, 8.2	`rgb(80%,43.9%,8.2%)`
CMYK	0, 45, 90, 20
HSL	29.8°, 81.3, 44.1	`hsl(29.8,81.3%,44.1%)`
HSV (or HSB)	29.8°, 89.7, 80
Web Safe	cc6600	`#cc6600`

CIE-LAB	56.568, 30.761, 59.693
XYZ	30.832, 24.483, 3.811
xyY	0.521, 0.414, 24.483
CIE-LCH	56.568, 67.152, 62.737
CIE-LUV	56.568, 75.986, 51.282
Hunter-Lab	49.48, 24.639, 30.069
Binary	11001100, 01110000, 00010101

#cc7015
```
#cc7015 rgb(204,112,21)
```
#1571cc
```
#1571cc rgb(21,113,204)
```

Complementary Color

#cc1516
```
#cc1516 rgb(204,21,22)
```
#cc7015
```
#cc7015 rgb(204,112,21)
```
#cccc15
```
#cccc15 rgb(204,204,21)
```

Analogous Color

#1516cc
```
#1516cc rgb(21,22,204)
```
#cc7015
```
#cc7015 rgb(204,112,21)
```
#15cccc
```
#15cccc rgb(21,204,204)
```

Split Complementary Color

#7015cc
```
#7015cc rgb(112,21,204)
```
#cc7015
```
#cc7015 rgb(204,112,21)
```
#15cc70
```
#15cc70 rgb(21,204,112)
```

Triadic Color

#cc1571
```
#cc1571 rgb(204,21,113)
```
#cc7015
```
#cc7015 rgb(204,112,21)
```
#15cc70
```
#15cc70 rgb(21,204,112)
```
#1571cc
```
#1571cc rgb(21,113,204)
```

Tetradic Color

#874a0e
```
#874a0e rgb(135,74,14)
```
#9e5710
```
#9e5710 rgb(158,87,16)
```
#b56313
```
#b56313 rgb(181,99,19)
```
#cc7015
```
#cc7015 rgb(204,112,21)
```
#e37d17
```
#e37d17 rgb(227,125,23)
```
#e9892b
```
#e9892b rgb(233,137,43)
```
#ec9642
```
#ec9642 rgb(236,150,66)
```

Monochromatic Color

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

#cc4215
```
#cc4215 rgb(204,66,21)
```
#cc5215
```
#cc5215 rgb(204,82,21)
```
#cc6115
```
#cc6115 rgb(204,97,21)
```
#cc7015
```
#cc7015 rgb(204,112,21)
```
#cc7f15
```
#cc7f15 rgb(204,127,21)
```
#cc8f15
```
#cc8f15 rgb(204,143,21)
```
#cc9e15
```
#cc9e15 rgb(204,158,21)
```

Similar Colors

Text with hexadecimal color #cc7015

This text has a font color of #cc7015.

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

#cc7015 background color

This paragraph has a background color of #cc7015.

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

#cc7015 border color

This element has a border color of #cc7015.

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

CSS codes

.text {color:#cc7015;}

.background {background-color:#cc7015;}

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

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

#080501
```
#080501 rgb(8,5,1)
```
#1a0e03
```
#1a0e03 rgb(26,14,3)
```
#2c1805
```
#2c1805 rgb(44,24,5)
```
#3e2206
```
#3e2206 rgb(62,34,6)
```
#502c08
```
#502c08 rgb(80,44,8)
```
#61350a
```
#61350a rgb(97,53,10)
```
#733f0c
```
#733f0c rgb(115,63,12)
```
#85490e
```
#85490e rgb(133,73,14)
```
#975310
```
#975310 rgb(151,83,16)
```
#a85c11
```
#a85c11 rgb(168,92,17)
```
#ba6613
```
#ba6613 rgb(186,102,19)
```
#cc7015
```
#cc7015 rgb(204,112,21)
```
#de7a17
```
#de7a17 rgb(222,122,23)
```

Shade Color Variation

#e88420
```
#e88420 rgb(232,132,32)
```
#ea8d32
```
#ea8d32 rgb(234,141,50)
```
#ec9744
```
#ec9744 rgb(236,151,68)
```
#eea156
```
#eea156 rgb(238,161,86)
```
#efab67
```
#efab67 rgb(239,171,103)
```
#f1b579
```
#f1b579 rgb(241,181,121)
```
#f3bf8b
```
#f3bf8b rgb(243,191,139)
```
#f5c99d
```
#f5c99d rgb(245,201,157)
```
#f7d2ae
```
#f7d2ae rgb(247,210,174)
```
#f9dcc0
```
#f9dcc0 rgb(249,220,192)
```
#fae6d2
```
#fae6d2 rgb(250,230,210)
```
#fcf0e4
```
#fcf0e4 rgb(252,240,228)
```
#fefaf6
```
#fefaf6 rgb(254,250,246)
```

Tint Color Variation

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

#75706c
```
#75706c rgb(117,112,108)
```
#7e7063
```
#7e7063 rgb(126,112,99)
```
#87705a
```
#87705a rgb(135,112,90)
```
#8f7052
```
#8f7052 rgb(143,112,82)
```
#987049
```
#987049 rgb(152,112,73)
```
#a17040
```
#a17040 rgb(161,112,64)
```
#a97038
```
#a97038 rgb(169,112,56)
```
#b2702f
```
#b2702f rgb(178,112,47)
```
#bb7026
```
#bb7026 rgb(187,112,38)
```
#c3701e
```
#c3701e rgb(195,112,30)
```
#cc7015
```
#cc7015 rgb(204,112,21)
```
#d5700c
```
#d5700c rgb(213,112,12)
```
#dd7004
```
#dd7004 rgb(221,112,4)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#907e6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e8e27 Protanopia 1% of men
#b18714 Deuteranopia 1% of men
#d26f77 Tritanopia 0.001% of the population

Trichromacy

#af8320 Protanomaly 1% of men, 0.01% of women
#bb7e14 Deuteranomaly 6% of men, 0.4% of women
#d06f53 Tritanomaly 0.01% of the population

#cc7015 hex color

#cc7015 Color Information

#cc7015 Color Conversion

Color Schemes with #cc7015

Alternatives to #cc7015

#cc7015 Preview

Shades and Tints of #cc7015

Tones of #cc7015

Color Blindness Simulator