#cc900c hex color

In a RGB color space, hex #cc900c is composed of 80% red, 56.5% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.4% magenta, 94.1% yellow and 20% black. It has a hue angle of 41.3 degrees, a saturation of 88.9% and a lightness of 42.4%. #cc900c color hex could be obtained by blending #ffff18 with #992100. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 80
- G 56
- B 5
RGB color chart
- C 0
- M 29
- Y 94
- K 20
CMYK color chart

● #cc900c color description : Strong orange.

The hexadecimal color #cc900c has RGB values of R:204, G:144, B:12 and CMYK values of C:0, M:0.29, Y:0.94, K:0.2. Its decimal value is 13406220.

Hex triplet	cc900c	`#cc900c`
RGB Decimal	204, 144, 12	`rgb(204,144,12)`
RGB Percent	80, 56.5, 4.7	`rgb(80%,56.5%,4.7%)`
CMYK	0, 29, 94, 20
HSL	41.3°, 88.9, 42.4	`hsl(41.3,88.9%,42.4%)`
HSV (or HSB)	41.3°, 94.1, 80
Web Safe	cc9900	`#cc9900`

CIE-LAB	64.009, 13.319, 67.094
XYZ	34.942, 32.813, 4.841
xyY	0.481, 0.452, 32.813
CIE-LCH	64.009, 68.403, 78.772
CIE-LUV	64.009, 50.094, 63.965
Hunter-Lab	57.282, 8.641, 35.087
Binary	11001100, 10010000, 00001100

#cc900c
```
#cc900c rgb(204,144,12)
```
#0c48cc
```
#0c48cc rgb(12,72,204)
```

Complementary Color

#cc300c
```
#cc300c rgb(204,48,12)
```
#cc900c
```
#cc900c rgb(204,144,12)
```
#a8cc0c
```
#a8cc0c rgb(168,204,12)
```

Analogous Color

#300ccc
```
#300ccc rgb(48,12,204)
```
#cc900c
```
#cc900c rgb(204,144,12)
```
#0ca8cc
```
#0ca8cc rgb(12,168,204)
```

Split Complementary Color

#900ccc
```
#900ccc rgb(144,12,204)
```
#cc900c
```
#cc900c rgb(204,144,12)
```
#0ccc90
```
#0ccc90 rgb(12,204,144)
```

Triadic Color

#cc0c48
```
#cc0c48 rgb(204,12,72)
```
#cc900c
```
#cc900c rgb(204,144,12)
```
#0ccc90
```
#0ccc90 rgb(12,204,144)
```
#0c48cc
```
#0c48cc rgb(12,72,204)
```

Tetradic Color

#845d08
```
#845d08 rgb(132,93,8)
```
#9c6e09
```
#9c6e09 rgb(156,110,9)
```
#b47f0b
```
#b47f0b rgb(180,127,11)
```
#cc900c
```
#cc900c rgb(204,144,12)
```
#e4a10d
```
#e4a10d rgb(228,161,13)
```
#f2ae1a
```
#f2ae1a rgb(242,174,26)
```
#f3b732
```
#f3b732 rgb(243,183,50)
```

Monochromatic Color

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

#cc600c
```
#cc600c rgb(204,96,12)
```
#cc700c
```
#cc700c rgb(204,112,12)
```
#cc800c
```
#cc800c rgb(204,128,12)
```
#cc900c
```
#cc900c rgb(204,144,12)
```
#cca00c
```
#cca00c rgb(204,160,12)
```
#ccb00c
```
#ccb00c rgb(204,176,12)
```
#ccc00c
```
#ccc00c rgb(204,192,12)
```

Similar Colors

Text with hexadecimal color #cc900c

This text has a font color of #cc900c.

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

#cc900c background color

This paragraph has a background color of #cc900c.

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

#cc900c border color

This element has a border color of #cc900c.

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

CSS codes

.text {color:#cc900c;}

.background {background-color:#cc900c;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#130d01
```
#130d01 rgb(19,13,1)
```
#251a02
```
#251a02 rgb(37,26,2)
```
#382703
```
#382703 rgb(56,39,3)
```
#4a3404
```
#4a3404 rgb(74,52,4)
```
#5d4205
```
#5d4205 rgb(93,66,5)
```
#6f4f07
```
#6f4f07 rgb(111,79,7)
```
#825c08
```
#825c08 rgb(130,92,8)
```
#946909
```
#946909 rgb(148,105,9)
```
#a7760a
```
#a7760a rgb(167,118,10)
```
#b9830b
```
#b9830b rgb(185,131,11)
```
#cc900c
```
#cc900c rgb(204,144,12)
```
#df9d0d
```
#df9d0d rgb(223,157,13)
```

Shade Color Variation

#f1aa0e
```
#f1aa0e rgb(241,170,14)
```
#f2b121
```
#f2b121 rgb(242,177,33)
```
#f3b733
```
#f3b733 rgb(243,183,51)
```
#f4be46
```
#f4be46 rgb(244,190,70)
```
#f5c458
```
#f5c458 rgb(245,196,88)
```
#f6cb6b
```
#f6cb6b rgb(246,203,107)
```
#f7d17e
```
#f7d17e rgb(247,209,126)
```
#f8d890
```
#f8d890 rgb(248,216,144)
```
#fadea3
```
#fadea3 rgb(250,222,163)
```
#fbe5b5
```
#fbe5b5 rgb(251,229,181)
```
#fcebc8
```
#fcebc8 rgb(252,235,200)
```
#fdf2da
```
#fdf2da rgb(253,242,218)
```
#fef9ed
```
#fef9ed rgb(254,249,237)
```

Tint Color Variation

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

#716e67
```
#716e67 rgb(113,110,103)
```
#79715f
```
#79715f rgb(121,113,95)
```
#817457
```
#817457 rgb(129,116,87)
```
#8a774e
```
#8a774e rgb(138,119,78)
```
#927a46
```
#927a46 rgb(146,122,70)
```
#9a7d3e
```
#9a7d3e rgb(154,125,62)
```
#a28036
```
#a28036 rgb(162,128,54)
```
#ab842d
```
#ab842d rgb(171,132,45)
```
#b38725
```
#b38725 rgb(179,135,37)
```
#bb8a1d
```
#bb8a1d rgb(187,138,29)
```
#c48d14
```
#c48d14 rgb(196,141,20)
```
#cc900c
```
#cc900c rgb(204,144,12)
```
#d49304
```
#d49304 rgb(212,147,4)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#9e9278 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3a01c Protanopia 1% of men
#c89815 Deuteranopia 1% of men
#d58b95 Tritanopia 0.001% of the population

Trichromacy

#bc9a16 Protanomaly 1% of men, 0.01% of women
#c99511 Deuteranomaly 6% of men, 0.4% of women
#d18d63 Tritanomaly 0.01% of the population

#cc900c hex color

#cc900c Color Information

#cc900c Color Conversion

Color Schemes with #cc900c

Alternatives to #cc900c

#cc900c Preview

Shades and Tints of #cc900c

Tones of #cc900c

Color Blindness Simulator