#cc870f hex color

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

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

● #cc870f color description : Strong orange.

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

Hex triplet	cc870f	`#cc870f`
RGB Decimal	204, 135, 15	`rgb(204,135,15)`
RGB Percent	80, 52.9, 5.9	`rgb(80%,52.9%,5.9%)`
CMYK	0, 34, 93, 20
HSL	38.1°, 86.3, 42.9	`hsl(38.1,86.3%,42.9%)`
HSV (or HSB)	38.1°, 92.6, 80
Web Safe	cc9900	`#cc9900`

CIE-LAB	61.828, 18.258, 64.991
XYZ	33.653, 30.202, 4.509
xyY	0.492, 0.442, 30.202
CIE-LCH	61.828, 67.507, 74.309
CIE-LUV	61.828, 57.284, 60.34
Hunter-Lab	54.956, 13.132, 33.605
Binary	11001100, 10000111, 00001111

#cc870f
```
#cc870f rgb(204,135,15)
```
#0f54cc
```
#0f54cc rgb(15,84,204)
```

Complementary Color

#cc290f
```
#cc290f rgb(204,41,15)
```
#cc870f
```
#cc870f rgb(204,135,15)
```
#b3cc0f
```
#b3cc0f rgb(179,204,15)
```

Analogous Color

#280fcc
```
#280fcc rgb(40,15,204)
```
#cc870f
```
#cc870f rgb(204,135,15)
```
#0fb3cc
```
#0fb3cc rgb(15,179,204)
```

Split Complementary Color

#870fcc
```
#870fcc rgb(135,15,204)
```
#cc870f
```
#cc870f rgb(204,135,15)
```
#0fcc87
```
#0fcc87 rgb(15,204,135)
```

Triadic Color

#cc0f54
```
#cc0f54 rgb(204,15,84)
```
#cc870f
```
#cc870f rgb(204,135,15)
```
#0fcc87
```
#0fcc87 rgb(15,204,135)
```
#0f54cc
```
#0f54cc rgb(15,84,204)
```

Tetradic Color

#85580a
```
#85580a rgb(133,88,10)
```
#9c680c
```
#9c680c rgb(156,104,12)
```
#b4770d
```
#b4770d rgb(180,119,13)
```
#cc870f
```
#cc870f rgb(204,135,15)
```
#e49711
```
#e49711 rgb(228,151,17)
```
#efa31f
```
#efa31f rgb(239,163,31)
```
#f0ad37
```
#f0ad37 rgb(240,173,55)
```

Monochromatic Color

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

#cc580f
```
#cc580f rgb(204,88,15)
```
#cc680f
```
#cc680f rgb(204,104,15)
```
#cc770f
```
#cc770f rgb(204,119,15)
```
#cc870f
```
#cc870f rgb(204,135,15)
```
#cc970f
```
#cc970f rgb(204,151,15)
```
#cca70f
```
#cca70f rgb(204,167,15)
```
#ccb60f
```
#ccb60f rgb(204,182,15)
```

Similar Colors

Text with hexadecimal color #cc870f

This text has a font color of #cc870f.

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

#cc870f background color

This paragraph has a background color of #cc870f.

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

#cc870f border color

This element has a border color of #cc870f.

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

CSS codes

.text {color:#cc870f;}

.background {background-color:#cc870f;}

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

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

#030200
```
#030200 rgb(3,2,0)
```
#150e02
```
#150e02 rgb(21,14,2)
```
#281a03
```
#281a03 rgb(40,26,3)
```
#3a2604
```
#3a2604 rgb(58,38,4)
```
#4c3206
```
#4c3206 rgb(76,50,6)
```
#5e3e07
```
#5e3e07 rgb(94,62,7)
```
#714b08
```
#714b08 rgb(113,75,8)
```
#83570a
```
#83570a rgb(131,87,10)
```
#95630b
```
#95630b rgb(149,99,11)
```
#a76f0c
```
#a76f0c rgb(167,111,12)
```
#ba7b0e
```
#ba7b0e rgb(186,123,14)
```
#cc870f
```
#cc870f rgb(204,135,15)
```
#de9310
```
#de9310 rgb(222,147,16)
```

Shade Color Variation

#ee9e14
```
#ee9e14 rgb(238,158,20)
```
#efa627
```
#efa627 rgb(239,166,39)
```
#f0ad39
```
#f0ad39 rgb(240,173,57)
```
#f2b54b
```
#f2b54b rgb(242,181,75)
```
#f3bd5e
```
#f3bd5e rgb(243,189,94)
```
#f4c470
```
#f4c470 rgb(244,196,112)
```
#f6cc82
```
#f6cc82 rgb(246,204,130)
```
#f7d394
```
#f7d394 rgb(247,211,148)
```
#f9dba7
```
#f9dba7 rgb(249,219,167)
```
#fae2b9
```
#fae2b9 rgb(250,226,185)
```
#fbeacb
```
#fbeacb rgb(251,234,203)
```
#fdf1dd
```
#fdf1dd rgb(253,241,221)
```
#fef9f0
```
#fef9f0 rgb(254,249,240)
```

Tint Color Variation

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

#6f6e6c
```
#6f6e6c rgb(111,110,108)
```
#787063
```
#787063 rgb(120,112,99)
```
#80735b
```
#80735b rgb(128,115,91)
```
#897552
```
#897552 rgb(137,117,82)
```
#91774a
```
#91774a rgb(145,119,74)
```
#997942
```
#997942 rgb(153,121,66)
```
#a27c39
```
#a27c39 rgb(162,124,57)
```
#aa7e31
```
#aa7e31 rgb(170,126,49)
```
#b38028
```
#b38028 rgb(179,128,40)
```
#bb8220
```
#bb8220 rgb(187,130,32)
```
#c48517
```
#c48517 rgb(196,133,23)
```
#cc870f
```
#cc870f rgb(204,135,15)
```
#d48907
```
#d48907 rgb(212,137,7)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#9a8d75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ad9b1f Protanopia 1% of men
#c19314 Deuteranopia 1% of men
#d4848c Tritanopia 0.001% of the population

Trichromacy

#b89319 Protanomaly 1% of men, 0.01% of women
#c58e12 Deuteranomaly 6% of men, 0.4% of women
#d1855f Tritanomaly 0.01% of the population

#cc870f hex color

#cc870f Color Information

#cc870f Color Conversion

Color Schemes with #cc870f

Alternatives to #cc870f

#cc870f Preview

Shades and Tints of #cc870f

Tones of #cc870f

Color Blindness Simulator