#cc700e hex color

In a RGB color space, hex #cc700e is composed of 80% red, 43.9% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.1% magenta, 93.1% yellow and 20% black. It has a hue angle of 30.9 degrees, a saturation of 87.2% and a lightness of 42.7%. #cc700e color hex could be obtained by blending #ffe01c with #990000. Closest websafe color is: #cc6600.

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

● #cc700e color description : Strong orange.

The hexadecimal color #cc700e has RGB values of R:204, G:112, B:14 and CMYK values of C:0, M:0.45, Y:0.93, K:0.2. Its decimal value is 13398030.

Hex triplet	cc700e	`#cc700e`
RGB Decimal	204, 112, 14	`rgb(204,112,14)`
RGB Percent	80, 43.9, 5.5	`rgb(80%,43.9%,5.5%)`
CMYK	0, 45, 93, 20
HSL	30.9°, 87.2, 42.7	`hsl(30.9,87.2%,42.7%)`
HSV (or HSB)	30.9°, 93.1, 80
Web Safe	cc6600	`#cc6600`

CIE-LAB	56.546, 30.648, 61.39
XYZ	30.776, 24.46, 3.516
xyY	0.524, 0.416, 24.46
CIE-LCH	56.546, 68.615, 63.47
CIE-LUV	56.546, 76.245, 52.137
Hunter-Lab	49.457, 24.528, 30.405
Binary	11001100, 01110000, 00001110

#cc700e
```
#cc700e rgb(204,112,14)
```
#0e6acc
```
#0e6acc rgb(14,106,204)
```

Complementary Color

#cc110e
```
#cc110e rgb(204,17,14)
```
#cc700e
```
#cc700e rgb(204,112,14)
```
#c9cc0e
```
#c9cc0e rgb(201,204,14)
```

Analogous Color

#110ecc
```
#110ecc rgb(17,14,204)
```
#cc700e
```
#cc700e rgb(204,112,14)
```
#0ec9cc
```
#0ec9cc rgb(14,201,204)
```

Split Complementary Color

#700ecc
```
#700ecc rgb(112,14,204)
```
#cc700e
```
#cc700e rgb(204,112,14)
```
#0ecc70
```
#0ecc70 rgb(14,204,112)
```

Triadic Color

#cc0e6a
```
#cc0e6a rgb(204,14,106)
```
#cc700e
```
#cc700e rgb(204,112,14)
```
#0ecc70
```
#0ecc70 rgb(14,204,112)
```
#0e6acc
```
#0e6acc rgb(14,106,204)
```

Tetradic Color

#844909
```
#844909 rgb(132,73,9)
```
#9c560b
```
#9c560b rgb(156,86,11)
```
#b4630c
```
#b4630c rgb(180,99,12)
```
#cc700e
```
#cc700e rgb(204,112,14)
```
#e47d10
```
#e47d10 rgb(228,125,16)
```
#f08a1d
```
#f08a1d rgb(240,138,29)
```
#f19635
```
#f19635 rgb(241,150,53)
```

Monochromatic Color

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

#cc400e
```
#cc400e rgb(204,64,14)
```
#cc500e
```
#cc500e rgb(204,80,14)
```
#cc600e
```
#cc600e rgb(204,96,14)
```
#cc700e
```
#cc700e rgb(204,112,14)
```
#cc800e
```
#cc800e rgb(204,128,14)
```
#cc900e
```
#cc900e rgb(204,144,14)
```
#cca00e
```
#cca00e rgb(204,160,14)
```

Similar Colors

Text with hexadecimal color #cc700e

This text has a font color of #cc700e.

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

#cc700e background color

This paragraph has a background color of #cc700e.

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

#cc700e border color

This element has a border color of #cc700e.

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

CSS codes

.text {color:#cc700e;}

.background {background-color:#cc700e;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#140b01
```
#140b01 rgb(20,11,1)
```
#271503
```
#271503 rgb(39,21,3)
```
#391f04
```
#391f04 rgb(57,31,4)
```
#4c2905
```
#4c2905 rgb(76,41,5)
```
#5e3406
```
#5e3406 rgb(94,52,6)
```
#703e08
```
#703e08 rgb(112,62,8)
```
#834809
```
#834809 rgb(131,72,9)
```
#95520a
```
#95520a rgb(149,82,10)
```
#a75c0b
```
#a75c0b rgb(167,92,11)
```
#ba660d
```
#ba660d rgb(186,102,13)
```
#cc700e
```
#cc700e rgb(204,112,14)
```
#de7a0f
```
#de7a0f rgb(222,122,15)
```

Shade Color Variation

#ef8412
```
#ef8412 rgb(239,132,18)
```
#f08e25
```
#f08e25 rgb(240,142,37)
```
#f19737
```
#f19737 rgb(241,151,55)
```
#f3a14a
```
#f3a14a rgb(243,161,74)
```
#f4aa5c
```
#f4aa5c rgb(244,170,92)
```
#f5b46e
```
#f5b46e rgb(245,180,110)
```
#f6bd81
```
#f6bd81 rgb(246,189,129)
```
#f8c793
```
#f8c793 rgb(248,199,147)
```
#f9d0a5
```
#f9d0a5 rgb(249,208,165)
```
#fadab8
```
#fadab8 rgb(250,218,184)
```
#fbe3ca
```
#fbe3ca rgb(251,227,202)
```
#fdeddc
```
#fdeddc rgb(253,237,220)
```
#fef7ef
```
#fef7ef rgb(254,247,239)
```

Tint Color Variation

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

#706d6a
```
#706d6a rgb(112,109,106)
```
#786d62
```
#786d62 rgb(120,109,98)
```
#816e59
```
#816e59 rgb(129,110,89)
```
#896e51
```
#896e51 rgb(137,110,81)
```
#916e49
```
#916e49 rgb(145,110,73)
```
#9a6e40
```
#9a6e40 rgb(154,110,64)
```
#a26f38
```
#a26f38 rgb(162,111,56)
```
#aa6f30
```
#aa6f30 rgb(170,111,48)
```
#b36f27
```
#b36f27 rgb(179,111,39)
```
#bb6f1f
```
#bb6f1f rgb(187,111,31)
```
#c47016
```
#c47016 rgb(196,112,22)
```
#cc700e
```
#cc700e rgb(204,112,14)
```
#d47006
```
#d47006 rgb(212,112,6)
```

Tone Color Variation

Below, you can see how #cc700e 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
#8f7d69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e8e20 Protanopia 1% of men
#b18600 Deuteranopia 1% of men
#d26f76 Tritanopia 0.001% of the population

Trichromacy

#af831a Protanomaly 1% of men, 0.01% of women
#bb7e05 Deuteranomaly 6% of men, 0.4% of women
#d06f50 Tritanomaly 0.01% of the population

#cc700e hex color

#cc700e Color Information

#cc700e Color Conversion

Color Schemes with #cc700e

Alternatives to #cc700e

#cc700e Preview

Shades and Tints of #cc700e

Tones of #cc700e

Color Blindness Simulator