#cc7315 hex color

In a RGB color space, hex #cc7315 is composed of 80% red, 45.1% green and 8.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 43.6% magenta, 89.7% yellow and 20% black. It has a hue angle of 30.8 degrees, a saturation of 81.3% and a lightness of 44.1%. #cc7315 color hex could be obtained by blending #ffe62a with #990000. Closest websafe color is: #cc6600.

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

● #cc7315 color description : Strong orange.

The hexadecimal color #cc7315 has RGB values of R:204, G:115, B:21 and CMYK values of C:0, M:0.44, Y:0.9, K:0.2. Its decimal value is 13398805.

Hex triplet	cc7315	`#cc7315`
RGB Decimal	204, 115, 21	`rgb(204,115,21)`
RGB Percent	80, 45.1, 8.2	`rgb(80%,45.1%,8.2%)`
CMYK	0, 44, 90, 20
HSL	30.8°, 81.3, 44.1	`hsl(30.8,81.3%,44.1%)`
HSV (or HSB)	30.8°, 89.7, 80
Web Safe	cc6600	`#cc6600`

CIE-LAB	57.227, 29.166, 60.193
XYZ	31.169, 25.156, 3.924
xyY	0.517, 0.418, 25.156
CIE-LCH	57.227, 66.887, 64.148
CIE-LUV	57.227, 73.513, 52.345
Hunter-Lab	50.155, 23.157, 30.471
Binary	11001100, 01110011, 00010101

#cc7315
```
#cc7315 rgb(204,115,21)
```
#156ecc
```
#156ecc rgb(21,110,204)
```

Complementary Color

#cc1815
```
#cc1815 rgb(204,24,21)
```
#cc7315
```
#cc7315 rgb(204,115,21)
```
#cacc15
```
#cacc15 rgb(202,204,21)
```

Analogous Color

#1815cc
```
#1815cc rgb(24,21,204)
```
#cc7315
```
#cc7315 rgb(204,115,21)
```
#15cacc
```
#15cacc rgb(21,202,204)
```

Split Complementary Color

#7315cc
```
#7315cc rgb(115,21,204)
```
#cc7315
```
#cc7315 rgb(204,115,21)
```
#15cc73
```
#15cc73 rgb(21,204,115)
```

Triadic Color

#cc156e
```
#cc156e rgb(204,21,110)
```
#cc7315
```
#cc7315 rgb(204,115,21)
```
#15cc73
```
#15cc73 rgb(21,204,115)
```
#156ecc
```
#156ecc rgb(21,110,204)
```

Tetradic Color

#874c0e
```
#874c0e rgb(135,76,14)
```
#9e5910
```
#9e5910 rgb(158,89,16)
```
#b56613
```
#b56613 rgb(181,102,19)
```
#cc7315
```
#cc7315 rgb(204,115,21)
```
#e38017
```
#e38017 rgb(227,128,23)
```
#e98d2b
```
#e98d2b rgb(233,141,43)
```
#ec9942
```
#ec9942 rgb(236,153,66)
```

Monochromatic Color

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

#cc4515
```
#cc4515 rgb(204,69,21)
```
#cc5515
```
#cc5515 rgb(204,85,21)
```
#cc6415
```
#cc6415 rgb(204,100,21)
```
#cc7315
```
#cc7315 rgb(204,115,21)
```
#cc8215
```
#cc8215 rgb(204,130,21)
```
#cc9215
```
#cc9215 rgb(204,146,21)
```
#cca115
```
#cca115 rgb(204,161,21)
```

Similar Colors

Text with hexadecimal color #cc7315

This text has a font color of #cc7315.

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

#cc7315 background color

This paragraph has a background color of #cc7315.

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

#cc7315 border color

This element has a border color of #cc7315.

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

CSS codes

.text {color:#cc7315;}

.background {background-color:#cc7315;}

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

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

#080501
```
#080501 rgb(8,5,1)
```
#1a0f03
```
#1a0f03 rgb(26,15,3)
```
#2c1905
```
#2c1905 rgb(44,25,5)
```
#3e2306
```
#3e2306 rgb(62,35,6)
```
#502d08
```
#502d08 rgb(80,45,8)
```
#61370a
```
#61370a rgb(97,55,10)
```
#73410c
```
#73410c rgb(115,65,12)
```
#854b0e
```
#854b0e rgb(133,75,14)
```
#975510
```
#975510 rgb(151,85,16)
```
#a85f11
```
#a85f11 rgb(168,95,17)
```
#ba6913
```
#ba6913 rgb(186,105,19)
```
#cc7315
```
#cc7315 rgb(204,115,21)
```
#de7d17
```
#de7d17 rgb(222,125,23)
```

Shade Color Variation

#e88720
```
#e88720 rgb(232,135,32)
```
#ea9032
```
#ea9032 rgb(234,144,50)
```
#ec9a44
```
#ec9a44 rgb(236,154,68)
```
#eea456
```
#eea456 rgb(238,164,86)
```
#efad67
```
#efad67 rgb(239,173,103)
```
#f1b779
```
#f1b779 rgb(241,183,121)
```
#f3c08b
```
#f3c08b rgb(243,192,139)
```
#f5ca9d
```
#f5ca9d rgb(245,202,157)
```
#f7d4ae
```
#f7d4ae rgb(247,212,174)
```
#f9ddc0
```
#f9ddc0 rgb(249,221,192)
```
#fae7d2
```
#fae7d2 rgb(250,231,210)
```
#fcf0e4
```
#fcf0e4 rgb(252,240,228)
```
#fefaf6
```
#fefaf6 rgb(254,250,246)
```

Tint Color Variation

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

#75716c
```
#75716c rgb(117,113,108)
```
#7e7163
```
#7e7163 rgb(126,113,99)
```
#87715a
```
#87715a rgb(135,113,90)
```
#8f7152
```
#8f7152 rgb(143,113,82)
```
#987249
```
#987249 rgb(152,114,73)
```
#a17240
```
#a17240 rgb(161,114,64)
```
#a97238
```
#a97238 rgb(169,114,56)
```
#b2722f
```
#b2722f rgb(178,114,47)
```
#bb7326
```
#bb7326 rgb(187,115,38)
```
#c3731e
```
#c3731e rgb(195,115,30)
```
#cc7315
```
#cc7315 rgb(204,115,21)
```
#d5730c
```
#d5730c rgb(213,115,12)
```
#dd7304
```
#dd7304 rgb(221,115,4)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#92806d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a08f26 Protanopia 1% of men
#b38815 Deuteranopia 1% of men
#d27279 Tritanopia 0.001% of the population

Trichromacy

#b08520 Protanomaly 1% of men, 0.01% of women
#bc8015 Deuteranomaly 6% of men, 0.4% of women
#d07255 Tritanomaly 0.01% of the population

#cc7315 hex color

#cc7315 Color Information

#cc7315 Color Conversion

Color Schemes with #cc7315

Alternatives to #cc7315

#cc7315 Preview

Shades and Tints of #cc7315

Tones of #cc7315

Color Blindness Simulator