#cc5414 hex color

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

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

● #cc5414 color description : Strong orange.

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

Hex triplet	cc5414	`#cc5414`
RGB Decimal	204, 84, 20	`rgb(204,84,20)`
RGB Percent	80, 32.9, 7.8	`rgb(80%,32.9%,7.8%)`
CMYK	0, 59, 90, 20
HSL	20.9°, 82.1, 43.9	`hsl(20.9,82.1%,43.9%)`
HSV (or HSB)	20.9°, 90.2, 80
Web Safe	cc6600	`#cc6600`

CIE-LAB	50.957, 44.874, 55.791
XYZ	28.2, 19.232, 2.889
xyY	0.56, 0.382, 19.232
CIE-LCH	50.957, 71.599, 51.19
CIE-LUV	50.957, 98.618, 42.18
Hunter-Lab	43.854, 38.038, 26.792
Binary	11001100, 01010100, 00010100

#cc5414
```
#cc5414 rgb(204,84,20)
```
#148ccc
```
#148ccc rgb(20,140,204)
```

Complementary Color

#cc1430
```
#cc1430 rgb(204,20,48)
```
#cc5414
```
#cc5414 rgb(204,84,20)
```
#ccb014
```
#ccb014 rgb(204,176,20)
```

Analogous Color

#1430cc
```
#1430cc rgb(20,48,204)
```
#cc5414
```
#cc5414 rgb(204,84,20)
```
#14ccb0
```
#14ccb0 rgb(20,204,176)
```

Split Complementary Color

#5414cc
```
#5414cc rgb(84,20,204)
```
#cc5414
```
#cc5414 rgb(204,84,20)
```
#14cc54
```
#14cc54 rgb(20,204,84)
```

Triadic Color

#cc148c
```
#cc148c rgb(204,20,140)
```
#cc5414
```
#cc5414 rgb(204,84,20)
```
#14cc54
```
#14cc54 rgb(20,204,84)
```
#148ccc
```
#148ccc rgb(20,140,204)
```

Tetradic Color

#86370d
```
#86370d rgb(134,55,13)
```
#9e410f
```
#9e410f rgb(158,65,15)
```
#b54a12
```
#b54a12 rgb(181,74,18)
```
#cc5414
```
#cc5414 rgb(204,84,20)
```
#e35e16
```
#e35e16 rgb(227,94,22)
```
#ea6c29
```
#ea6c29 rgb(234,108,41)
```
#ec7c40
```
#ec7c40 rgb(236,124,64)
```

Monochromatic Color

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

#cc2614
```
#cc2614 rgb(204,38,20)
```
#cc3514
```
#cc3514 rgb(204,53,20)
```
#cc4514
```
#cc4514 rgb(204,69,20)
```
#cc5414
```
#cc5414 rgb(204,84,20)
```
#cc6314
```
#cc6314 rgb(204,99,20)
```
#cc7314
```
#cc7314 rgb(204,115,20)
```
#cc8214
```
#cc8214 rgb(204,130,20)
```

Similar Colors

Text with hexadecimal color #cc5414

This text has a font color of #cc5414.

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

#cc5414 background color

This paragraph has a background color of #cc5414.

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

#cc5414 border color

This element has a border color of #cc5414.

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

CSS codes

.text {color:#cc5414;}

.background {background-color:#cc5414;}

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

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

#070301
```
#070301 rgb(7,3,1)
```
#190a02
```
#190a02 rgb(25,10,2)
```
#2b1204
```
#2b1204 rgb(43,18,4)
```
#3d1906
```
#3d1906 rgb(61,25,6)
```
#4f2108
```
#4f2108 rgb(79,33,8)
```
#612809
```
#612809 rgb(97,40,9)
```
#732f0b
```
#732f0b rgb(115,47,11)
```
#85370d
```
#85370d rgb(133,55,13)
```
#963e0f
```
#963e0f rgb(150,62,15)
```
#a84510
```
#a84510 rgb(168,69,16)
```
#ba4d12
```
#ba4d12 rgb(186,77,18)
```
#cc5414
```
#cc5414 rgb(204,84,20)
```
#de5b16
```
#de5b16 rgb(222,91,22)
```

Shade Color Variation

#e9651e
```
#e9651e rgb(233,101,30)
```
#eb7130
```
#eb7130 rgb(235,113,48)
```
#ec7d42
```
#ec7d42 rgb(236,125,66)
```
#ee8a54
```
#ee8a54 rgb(238,138,84)
```
#f09666
```
#f09666 rgb(240,150,102)
```
#f2a278
```
#f2a278 rgb(242,162,120)
```
#f3ae89
```
#f3ae89 rgb(243,174,137)
```
#f5bb9b
```
#f5bb9b rgb(245,187,155)
```
#f7c7ad
```
#f7c7ad rgb(247,199,173)
```
#f9d3bf
```
#f9d3bf rgb(249,211,191)
```
#fadfd1
```
#fadfd1 rgb(250,223,209)
```
#fcece3
```
#fcece3 rgb(252,236,227)
```
#fef8f5
```
#fef8f5 rgb(254,248,245)
```

Tint Color Variation

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

#766e6a
```
#766e6a rgb(118,110,106)
```
#7e6c62
```
#7e6c62 rgb(126,108,98)
```
#876959
```
#876959 rgb(135,105,89)
```
#906650
```
#906650 rgb(144,102,80)
```
#986448
```
#986448 rgb(152,100,72)
```
#a1613f
```
#a1613f rgb(161,97,63)
```
#aa5e36
```
#aa5e36 rgb(170,94,54)
```
#b25c2e
```
#b25c2e rgb(178,92,46)
```
#bb5925
```
#bb5925 rgb(187,89,37)
```
#c3571d
```
#c3571d rgb(195,87,29)
```
#cc5414
```
#cc5414 rgb(204,84,20)
```
#d5510b
```
#d5510b rgb(213,81,11)
```
#dd4f03
```
#dd4f03 rgb(221,79,3)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#836b5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8029 Protanopia 1% of men
#a07a00 Deuteranopia 1% of men
#d0575c Tritanopia 0.001% of the population

Trichromacy

#a57021 Protanomaly 1% of men, 0.01% of women
#b06c07 Deuteranomaly 6% of men, 0.4% of women
#ce5642 Tritanomaly 0.01% of the population

#cc5414 hex color

#cc5414 Color Information

#cc5414 Color Conversion

Color Schemes with #cc5414

Alternatives to #cc5414

#cc5414 Preview

Shades and Tints of #cc5414

Tones of #cc5414

Color Blindness Simulator