#cc4600 hex color

In a RGB color space, hex #cc4600 is composed of 80% red, 27.5% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.7% magenta, 100% yellow and 20% black. It has a hue angle of 20.6 degrees, a saturation of 100% and a lightness of 40%. #cc4600 color hex could be obtained by blending #ff8c00 with #990000. Closest websafe color is: #cc3300.

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

● #cc4600 color description : Strong orange.

The hexadecimal color #cc4600 has RGB values of R:204, G:70, B:0 and CMYK values of C:0, M:0.66, Y:1, K:0.2. Its decimal value is 13387264.

Hex triplet	cc4600	`#cc4600`
RGB Decimal	204, 70, 0	`rgb(204,70,0)`
RGB Percent	80, 27.5, 0	`rgb(80%,27.5%,0%)`
CMYK	0, 66, 100, 20
HSL	20.6°, 100, 40	`hsl(20.6,100%,40%)`
HSV (or HSB)	20.6°, 100, 80
Web Safe	cc3300	`#cc3300`

CIE-LAB	48.537, 50.885, 59.42
XYZ	27.093, 17.221, 1.897
xyY	0.586, 0.373, 17.221
CIE-LCH	48.537, 78.23, 49.424
CIE-LUV	48.537, 110.076, 40.438
Hunter-Lab	41.498, 43.918, 26.338
Binary	11001100, 01000110, 00000000

#cc4600
```
#cc4600 rgb(204,70,0)
```
#0086cc
```
#0086cc rgb(0,134,204)
```

Complementary Color

#cc0020
```
#cc0020 rgb(204,0,32)
```
#cc4600
```
#cc4600 rgb(204,70,0)
```
#ccac00
```
#ccac00 rgb(204,172,0)
```

Analogous Color

#0020cc
```
#0020cc rgb(0,32,204)
```
#cc4600
```
#cc4600 rgb(204,70,0)
```
#00ccac
```
#00ccac rgb(0,204,172)
```

Split Complementary Color

#4600cc
```
#4600cc rgb(70,0,204)
```
#cc4600
```
#cc4600 rgb(204,70,0)
```
#00cc46
```
#00cc46 rgb(0,204,70)
```

Triadic Color

#cc0086
```
#cc0086 rgb(204,0,134)
```
#cc4600
```
#cc4600 rgb(204,70,0)
```
#00cc46
```
#00cc46 rgb(0,204,70)
```
#0086cc
```
#0086cc rgb(0,134,204)
```

Tetradic Color

#802c00
```
#802c00 rgb(128,44,0)
```
#993400
```
#993400 rgb(153,52,0)
```
#b33d00
```
#b33d00 rgb(179,61,0)
```
#cc4600
```
#cc4600 rgb(204,70,0)
```
#e64f00
```
#e64f00 rgb(230,79,0)
```
#ff5700
```
#ff5700 rgb(255,87,0)
```
#ff681a
```
#ff681a rgb(255,104,26)
```

Monochromatic Color

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

#cc1300
```
#cc1300 rgb(204,19,0)
```
#cc2400
```
#cc2400 rgb(204,36,0)
```
#cc3500
```
#cc3500 rgb(204,53,0)
```
#cc4600
```
#cc4600 rgb(204,70,0)
```
#cc5700
```
#cc5700 rgb(204,87,0)
```
#cc6800
```
#cc6800 rgb(204,104,0)
```
#cc7900
```
#cc7900 rgb(204,121,0)
```

Similar Colors

Text with hexadecimal color #cc4600

This text has a font color of #cc4600.

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

#cc4600 background color

This paragraph has a background color of #cc4600.

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

#cc4600 border color

This element has a border color of #cc4600.

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

CSS codes

.text {color:#cc4600;}

.background {background-color:#cc4600;}

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

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

#080300
```
#080300 rgb(8,3,0)
```
#1b0900
```
#1b0900 rgb(27,9,0)
```
#2f1000
```
#2f1000 rgb(47,16,0)
```
#431700
```
#431700 rgb(67,23,0)
```
#561e00
```
#561e00 rgb(86,30,0)
```
#6a2400
```
#6a2400 rgb(106,36,0)
```
#7e2b00
```
#7e2b00 rgb(126,43,0)
```
#913200
```
#913200 rgb(145,50,0)
```
#a53900
```
#a53900 rgb(165,57,0)
```
#b83f00
```
#b83f00 rgb(184,63,0)
```
#cc4600
```
#cc4600 rgb(204,70,0)
```
#e04d00
```
#e04d00 rgb(224,77,0)
```
#f35300
```
#f35300 rgb(243,83,0)
```

Shade Color Variation

#ff5d08
```
#ff5d08 rgb(255,93,8)
```
#ff6a1b
```
#ff6a1b rgb(255,106,27)
```
#ff762f
```
#ff762f rgb(255,118,47)
```
#ff8343
```
#ff8343 rgb(255,131,67)
```
#ff9056
```
#ff9056 rgb(255,144,86)
```
#ff9d6a
```
#ff9d6a rgb(255,157,106)
```
#ffaa7e
```
#ffaa7e rgb(255,170,126)
```
#ffb791
```
#ffb791 rgb(255,183,145)
```
#ffc4a5
```
#ffc4a5 rgb(255,196,165)
```
#ffd1b8
```
#ffd1b8 rgb(255,209,184)
```
#ffdecc
```
#ffdecc rgb(255,222,204)
```
#ffeae0
```
#ffeae0 rgb(255,234,224)
```
#fff7f3
```
#fff7f3 rgb(255,247,243)
```

Tint Color Variation

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

#6e645e
```
#6e645e rgb(110,100,94)
```
#766156
```
#766156 rgb(118,97,86)
```
#7e5f4e
```
#7e5f4e rgb(126,95,78)
```
#855c47
```
#855c47 rgb(133,92,71)
```
#8d5a3f
```
#8d5a3f rgb(141,90,63)
```
#955737
```
#955737 rgb(149,87,55)
```
#9d552f
```
#9d552f rgb(157,85,47)
```
#a55227
```
#a55227 rgb(165,82,39)
```
#ad501f
```
#ad501f rgb(173,80,31)
```
#b44d18
```
#b44d18 rgb(180,77,24)
```
#bc4b10
```
#bc4b10 rgb(188,75,16)
```
#c44808
```
#c44808 rgb(196,72,8)
```
#cc4600
```
#cc4600 rgb(204,70,0)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#7a6052 Atypical Achromatopsia 0.001% of the population

Dichromacy

#897a17 Protanopia 1% of men
#997400 Deuteranopia 1% of men
#d04a4e Tritanopia 0.001% of the population

Trichromacy

#a1670f Protanomaly 1% of men, 0.01% of women
#ab6300 Deuteranomaly 6% of men, 0.4% of women
#ce4831 Tritanomaly 0.01% of the population

#cc4600 hex color

#cc4600 Color Information

#cc4600 Color Conversion

Color Schemes with #cc4600

Alternatives to #cc4600

#cc4600 Preview

Shades and Tints of #cc4600

Tones of #cc4600

Color Blindness Simulator