#cc5400 hex color

In a RGB color space, hex #cc5400 is composed of 80% red, 32.9% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.8% magenta, 100% yellow and 20% black. It has a hue angle of 24.7 degrees, a saturation of 100% and a lightness of 40%. #cc5400 color hex could be obtained by blending #ffa800 with #990000. Closest websafe color is: #cc6600.

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

● #cc5400 color description : Strong orange.

The hexadecimal color #cc5400 has RGB values of R:204, G:84, B:0 and CMYK values of C:0, M:0.59, Y:1, K:0.2. Its decimal value is 13390848.

Hex triplet	cc5400	`#cc5400`
RGB Decimal	204, 84, 0	`rgb(204,84,0)`
RGB Percent	80, 32.9, 0	`rgb(80%,32.9%,0%)`
CMYK	0, 59, 100, 20
HSL	24.7°, 100, 40	`hsl(24.7,100%,40%)`
HSV (or HSB)	24.7°, 100, 80
Web Safe	cc6600	`#cc6600`

CIE-LAB	50.898, 44.628, 60.671
XYZ	28.073, 19.181, 2.224
xyY	0.567, 0.388, 19.181
CIE-LCH	50.898, 75.317, 53.662
CIE-LUV	50.898, 99.516, 44.341
Hunter-Lab	43.796, 37.776, 27.646
Binary	11001100, 01010100, 00000000

#cc5400
```
#cc5400 rgb(204,84,0)
```
#0078cc
```
#0078cc rgb(0,120,204)
```

Complementary Color

#cc0012
```
#cc0012 rgb(204,0,18)
```
#cc5400
```
#cc5400 rgb(204,84,0)
```
#ccba00
```
#ccba00 rgb(204,186,0)
```

Analogous Color

#0012cc
```
#0012cc rgb(0,18,204)
```
#cc5400
```
#cc5400 rgb(204,84,0)
```
#00ccba
```
#00ccba rgb(0,204,186)
```

Split Complementary Color

#5400cc
```
#5400cc rgb(84,0,204)
```
#cc5400
```
#cc5400 rgb(204,84,0)
```
#00cc54
```
#00cc54 rgb(0,204,84)
```

Triadic Color

#cc0078
```
#cc0078 rgb(204,0,120)
```
#cc5400
```
#cc5400 rgb(204,84,0)
```
#00cc54
```
#00cc54 rgb(0,204,84)
```
#0078cc
```
#0078cc rgb(0,120,204)
```

Tetradic Color

#803500
```
#803500 rgb(128,53,0)
```
#993f00
```
#993f00 rgb(153,63,0)
```
#b34a00
```
#b34a00 rgb(179,74,0)
```
#cc5400
```
#cc5400 rgb(204,84,0)
```
#e65f00
```
#e65f00 rgb(230,95,0)
```
#ff6900
```
#ff6900 rgb(255,105,0)
```
#ff781a
```
#ff781a rgb(255,120,26)
```

Monochromatic Color

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

#cc2100
```
#cc2100 rgb(204,33,0)
```
#cc3200
```
#cc3200 rgb(204,50,0)
```
#cc4300
```
#cc4300 rgb(204,67,0)
```
#cc5400
```
#cc5400 rgb(204,84,0)
```
#cc6500
```
#cc6500 rgb(204,101,0)
```
#cc7600
```
#cc7600 rgb(204,118,0)
```
#cc8700
```
#cc8700 rgb(204,135,0)
```

Similar Colors

Text with hexadecimal color #cc5400

This text has a font color of #cc5400.

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

#cc5400 background color

This paragraph has a background color of #cc5400.

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

#cc5400 border color

This element has a border color of #cc5400.

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

CSS codes

.text {color:#cc5400;}

.background {background-color:#cc5400;}

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

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 #fff8f3 is the lightest one.

#080300
```
#080300 rgb(8,3,0)
```
#1b0b00
```
#1b0b00 rgb(27,11,0)
```
#2f1300
```
#2f1300 rgb(47,19,0)
```
#431b00
```
#431b00 rgb(67,27,0)
```
#562400
```
#562400 rgb(86,36,0)
```
#6a2c00
```
#6a2c00 rgb(106,44,0)
```
#7e3400
```
#7e3400 rgb(126,52,0)
```
#913c00
```
#913c00 rgb(145,60,0)
```
#a54400
```
#a54400 rgb(165,68,0)
```
#b84c00
```
#b84c00 rgb(184,76,0)
```
#cc5400
```
#cc5400 rgb(204,84,0)
```
#e05c00
```
#e05c00 rgb(224,92,0)
```
#f36400
```
#f36400 rgb(243,100,0)
```

Shade Color Variation

#ff6e08
```
#ff6e08 rgb(255,110,8)
```
#ff791b
```
#ff791b rgb(255,121,27)
```
#ff852f
```
#ff852f rgb(255,133,47)
```
#ff9043
```
#ff9043 rgb(255,144,67)
```
#ff9c56
```
#ff9c56 rgb(255,156,86)
```
#ffa76a
```
#ffa76a rgb(255,167,106)
```
#ffb37e
```
#ffb37e rgb(255,179,126)
```
#ffbe91
```
#ffbe91 rgb(255,190,145)
```
#ffcaa5
```
#ffcaa5 rgb(255,202,165)
```
#ffd5b8
```
#ffd5b8 rgb(255,213,184)
```
#ffe1cc
```
#ffe1cc rgb(255,225,204)
```
#ffede0
```
#ffede0 rgb(255,237,224)
```
#fff8f3
```
#fff8f3 rgb(255,248,243)
```

Tint Color Variation

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

#6e655e
```
#6e655e rgb(110,101,94)
```
#766356
```
#766356 rgb(118,99,86)
```
#7e624e
```
#7e624e rgb(126,98,78)
```
#856047
```
#856047 rgb(133,96,71)
```
#8d5f3f
```
#8d5f3f rgb(141,95,63)
```
#955e37
```
#955e37 rgb(149,94,55)
```
#9d5c2f
```
#9d5c2f rgb(157,92,47)
```
#a55b27
```
#a55b27 rgb(165,91,39)
```
#ad5a1f
```
#ad5a1f rgb(173,90,31)
```
#b45818
```
#b45818 rgb(180,88,24)
```
#bc5710
```
#bc5710 rgb(188,87,16)
```
#c45508
```
#c45508 rgb(196,85,8)
```
#cc5400
```
#cc5400 rgb(204,84,0)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#816958 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8016 Protanopia 1% of men
#a07a00 Deuteranopia 1% of men
#d0565b Tritanopia 0.001% of the population

Trichromacy

#a5700e Protanomaly 1% of men, 0.01% of women
#b06c00 Deuteranomaly 6% of men, 0.4% of women
#cf553a Tritanomaly 0.01% of the population

#cc5400 hex color

#cc5400 Color Information

#cc5400 Color Conversion

Color Schemes with #cc5400

Alternatives to #cc5400

#cc5400 Preview

Shades and Tints of #cc5400

Tones of #cc5400

Color Blindness Simulator