#cc8700 hex color

In a RGB color space, hex #cc8700 is composed of 80% red, 52.9% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.8% magenta, 100% yellow and 20% black. It has a hue angle of 39.7 degrees, a saturation of 100% and a lightness of 40%. #cc8700 color hex could be obtained by blending #ffff00 with #990f00. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 80
- G 53
- B 0
RGB color chart
- C 0
- M 34
- Y 100
- K 20
CMYK color chart

● #cc8700 color description : Strong orange.

The hexadecimal color #cc8700 has RGB values of R:204, G:135, B:0 and CMYK values of C:0, M:0.34, Y:1, K:0.2. Its decimal value is 13403904.

Hex triplet	cc8700	`#cc8700`
RGB Decimal	204, 135, 0	`rgb(204,135,0)`
RGB Percent	80, 52.9, 0	`rgb(80%,52.9%,0%)`
CMYK	0, 34, 100, 20
HSL	39.7°, 100, 40	`hsl(39.7,100%,40%)`
HSV (or HSB)	39.7°, 100, 80
Web Safe	cc9900	`#cc9900`

CIE-LAB	61.799, 18.083, 67.345
XYZ	33.567, 30.168, 4.055
xyY	0.495, 0.445, 30.168
CIE-LCH	61.799, 69.731, 74.97
CIE-LUV	61.799, 57.553, 61.533
Hunter-Lab	54.925, 12.969, 34.07
Binary	11001100, 10000111, 00000000

#cc8700
```
#cc8700 rgb(204,135,0)
```
#0045cc
```
#0045cc rgb(0,69,204)
```

Complementary Color

#cc2100
```
#cc2100 rgb(204,33,0)
```
#cc8700
```
#cc8700 rgb(204,135,0)
```
#abcc00
```
#abcc00 rgb(171,204,0)
```

Analogous Color

#2100cc
```
#2100cc rgb(33,0,204)
```
#cc8700
```
#cc8700 rgb(204,135,0)
```
#00abcc
```
#00abcc rgb(0,171,204)
```

Split Complementary Color

#8700cc
```
#8700cc rgb(135,0,204)
```
#cc8700
```
#cc8700 rgb(204,135,0)
```
#00cc87
```
#00cc87 rgb(0,204,135)
```

Triadic Color

#cc0045
```
#cc0045 rgb(204,0,69)
```
#cc8700
```
#cc8700 rgb(204,135,0)
```
#00cc87
```
#00cc87 rgb(0,204,135)
```
#0045cc
```
#0045cc rgb(0,69,204)
```

Tetradic Color

#805400
```
#805400 rgb(128,84,0)
```
#996500
```
#996500 rgb(153,101,0)
```
#b37600
```
#b37600 rgb(179,118,0)
```
#cc8700
```
#cc8700 rgb(204,135,0)
```
#e69800
```
#e69800 rgb(230,152,0)
```
#ffa900
```
#ffa900 rgb(255,169,0)
```
#ffb11a
```
#ffb11a rgb(255,177,26)
```

Monochromatic Color

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

#cc5400
```
#cc5400 rgb(204,84,0)
```
#cc6500
```
#cc6500 rgb(204,101,0)
```
#cc7600
```
#cc7600 rgb(204,118,0)
```
#cc8700
```
#cc8700 rgb(204,135,0)
```
#cc9800
```
#cc9800 rgb(204,152,0)
```
#cca900
```
#cca900 rgb(204,169,0)
```
#ccba00
```
#ccba00 rgb(204,186,0)
```

Similar Colors

Text with hexadecimal color #cc8700

This text has a font color of #cc8700.

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

#cc8700 background color

This paragraph has a background color of #cc8700.

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

#cc8700 border color

This element has a border color of #cc8700.

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

CSS codes

.text {color:#cc8700;}

.background {background-color:#cc8700;}

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

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

#080500
```
#080500 rgb(8,5,0)
```
#1b1200
```
#1b1200 rgb(27,18,0)
```
#2f1f00
```
#2f1f00 rgb(47,31,0)
```
#432c00
```
#432c00 rgb(67,44,0)
```
#563900
```
#563900 rgb(86,57,0)
```
#6a4600
```
#6a4600 rgb(106,70,0)
```
#7e5300
```
#7e5300 rgb(126,83,0)
```
#916000
```
#916000 rgb(145,96,0)
```
#a56d00
```
#a56d00 rgb(165,109,0)
```
#b87a00
```
#b87a00 rgb(184,122,0)
```
#cc8700
```
#cc8700 rgb(204,135,0)
```
#e09400
```
#e09400 rgb(224,148,0)
```
#f3a100
```
#f3a100 rgb(243,161,0)
```

Shade Color Variation

#ffab08
```
#ffab08 rgb(255,171,8)
```
#ffb21b
```
#ffb21b rgb(255,178,27)
```
#ffb92f
```
#ffb92f rgb(255,185,47)
```
#ffbf43
```
#ffbf43 rgb(255,191,67)
```
#ffc656
```
#ffc656 rgb(255,198,86)
```
#ffcd6a
```
#ffcd6a rgb(255,205,106)
```
#ffd37e
```
#ffd37e rgb(255,211,126)
```
#ffda91
```
#ffda91 rgb(255,218,145)
```
#ffe0a5
```
#ffe0a5 rgb(255,224,165)
```
#ffe7b8
```
#ffe7b8 rgb(255,231,184)
```
#ffeecc
```
#ffeecc rgb(255,238,204)
```
#fff4e0
```
#fff4e0 rgb(255,244,224)
```
#fffbf3
```
#fffbf3 rgb(255,251,243)
```

Tint Color Variation

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

#6e695e
```
#6e695e rgb(110,105,94)
```
#766b56
```
#766b56 rgb(118,107,86)
```
#7e6e4e
```
#7e6e4e rgb(126,110,78)
```
#857047
```
#857047 rgb(133,112,71)
```
#8d733f
```
#8d733f rgb(141,115,63)
```
#957537
```
#957537 rgb(149,117,55)
```
#9d782f
```
#9d782f rgb(157,120,47)
```
#a57a27
```
#a57a27 rgb(165,122,39)
```
#ad7d1f
```
#ad7d1f rgb(173,125,31)
```
#b47f18
```
#b47f18 rgb(180,127,24)
```
#bc8210
```
#bc8210 rgb(188,130,16)
```
#c48408
```
#c48408 rgb(196,132,8)
```
#cc8700
```
#cc8700 rgb(204,135,0)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#998b70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ad9b10 Protanopia 1% of men
#c19300 Deuteranopia 1% of men
#d4838c Tritanopia 0.001% of the population

Trichromacy

#b8930a Protanomaly 1% of men, 0.01% of women
#c58e00 Deuteranomaly 6% of men, 0.4% of women
#d18559 Tritanomaly 0.01% of the population

#cc8700 hex color

#cc8700 Color Information

#cc8700 Color Conversion

Color Schemes with #cc8700

Alternatives to #cc8700

#cc8700 Preview

Shades and Tints of #cc8700

Tones of #cc8700

Color Blindness Simulator