#cc5225 hex color

In a RGB color space, hex #cc5225 is composed of 80% red, 32.2% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.8% magenta, 81.9% yellow and 20% black. It has a hue angle of 16.2 degrees, a saturation of 69.3% and a lightness of 47.3%. #cc5225 color hex could be obtained by blending #ffa44a with #990000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 80
- G 32
- B 15
RGB color chart
- C 0
- M 60
- Y 82
- K 20
CMYK color chart

● #cc5225 color description : Strong orange.

The hexadecimal color #cc5225 has RGB values of R:204, G:82, B:37 and CMYK values of C:0, M:0.6, Y:0.82, K:0.2. Its decimal value is 13390373.

Hex triplet	cc5225	`#cc5225`
RGB Decimal	204, 82, 37	`rgb(204,82,37)`
RGB Percent	80, 32.2, 14.5	`rgb(80%,32.2%,14.5%)`
CMYK	0, 60, 82, 20
HSL	16.2°, 69.3, 47.3	`hsl(16.2,69.3%,47.3%)`
HSV (or HSB)	16.2°, 81.9, 80
Web Safe	cc6633	`#cc6633`

CIE-LAB	50.697, 46.209, 48.892
XYZ	28.254, 19.009, 3.931
xyY	0.552, 0.371, 19.009
CIE-LCH	50.697, 67.273, 46.616
CIE-LUV	50.697, 98.673, 38.073
Hunter-Lab	43.599, 39.379, 25.173
Binary	11001100, 01010010, 00100101

#cc5225
```
#cc5225 rgb(204,82,37)
```
#259fcc
```
#259fcc rgb(37,159,204)
```

Complementary Color

#cc254c
```
#cc254c rgb(204,37,76)
```
#cc5225
```
#cc5225 rgb(204,82,37)
```
#cca625
```
#cca625 rgb(204,166,37)
```

Analogous Color

#254ccc
```
#254ccc rgb(37,76,204)
```
#cc5225
```
#cc5225 rgb(204,82,37)
```
#25cca6
```
#25cca6 rgb(37,204,166)
```

Split Complementary Color

#5225cc
```
#5225cc rgb(82,37,204)
```
#cc5225
```
#cc5225 rgb(204,82,37)
```
#25cc52
```
#25cc52 rgb(37,204,82)
```

Triadic Color

#cc259f
```
#cc259f rgb(204,37,159)
```
#cc5225
```
#cc5225 rgb(204,82,37)
```
#25cc52
```
#25cc52 rgb(37,204,82)
```
#259fcc
```
#259fcc rgb(37,159,204)
```

Tetradic Color

#8b3819
```
#8b3819 rgb(139,56,25)
```
#a1411d
```
#a1411d rgb(161,65,29)
```
#b64921
```
#b64921 rgb(182,73,33)
```
#cc5225
```
#cc5225 rgb(204,82,37)
```
#da5e31
```
#da5e31 rgb(218,94,49)
```
#de6f46
```
#de6f46 rgb(222,111,70)
```
#e1805c
```
#e1805c rgb(225,128,92)
```

Monochromatic Color

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

#cc2825
```
#cc2825 rgb(204,40,37)
```
#cc3625
```
#cc3625 rgb(204,54,37)
```
#cc4425
```
#cc4425 rgb(204,68,37)
```
#cc5225
```
#cc5225 rgb(204,82,37)
```
#cc6025
```
#cc6025 rgb(204,96,37)
```
#cc6e25
```
#cc6e25 rgb(204,110,37)
```
#cc7c25
```
#cc7c25 rgb(204,124,37)
```

Similar Colors

Text with hexadecimal color #cc5225

This text has a font color of #cc5225.

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

#cc5225 background color

This paragraph has a background color of #cc5225.

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

#cc5225 border color

This element has a border color of #cc5225.

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

CSS codes

.text {color:#cc5225;}

.background {background-color:#cc5225;}

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

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

#050201
```
#050201 rgb(5,2,1)
```
#150904
```
#150904 rgb(21,9,4)
```
#260f07
```
#260f07 rgb(38,15,7)
```
#37160a
```
#37160a rgb(55,22,10)
```
#471d0d
```
#471d0d rgb(71,29,13)
```
#582310
```
#582310 rgb(88,35,16)
```
#682a13
```
#682a13 rgb(104,42,19)
```
#793116
```
#793116 rgb(121,49,22)
```
#8a3719
```
#8a3719 rgb(138,55,25)
```
#9a3e1c
```
#9a3e1c rgb(154,62,28)
```
#ab451f
```
#ab451f rgb(171,69,31)
```
#bb4b22
```
#bb4b22 rgb(187,75,34)
```
#cc5225
```
#cc5225 rgb(204,82,37)
```

Shade Color Variation

#d95a2c
```
#d95a2c rgb(217,90,44)
```
#dc673d
```
#dc673d rgb(220,103,61)
```
#df744d
```
#df744d rgb(223,116,77)
```
#e2815e
```
#e2815e rgb(226,129,94)
```
#e58e6e
```
#e58e6e rgb(229,142,110)
```
#e89b7f
```
#e89b7f rgb(232,155,127)
```
#eba890
```
#eba890 rgb(235,168,144)
```
#eeb5a0
```
#eeb5a0 rgb(238,181,160)
```
#f1c2b1
```
#f1c2b1 rgb(241,194,177)
```
#f4cfc1
```
#f4cfc1 rgb(244,207,193)
```
#f7dcd2
```
#f7dcd2 rgb(247,220,210)
```
#fae9e3
```
#fae9e3 rgb(250,233,227)
```
#fdf6f3
```
#fdf6f3 rgb(253,246,243)
```

Tint Color Variation

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

#797878
```
#797878 rgb(121,120,120)
```
#82746f
```
#82746f rgb(130,116,111)
```
#8b7066
```
#8b7066 rgb(139,112,102)
```
#946c5d
```
#946c5d rgb(148,108,93)
```
#9e6753
```
#9e6753 rgb(158,103,83)
```
#a7634a
```
#a7634a rgb(167,99,74)
```
#b05f41
```
#b05f41 rgb(176,95,65)
```
#b95b38
```
#b95b38 rgb(185,91,56)
```
#c3562e
```
#c3562e rgb(195,86,46)
```
#cc5225
```
#cc5225 rgb(204,82,37)
```
#d54e1c
```
#d54e1c rgb(213,78,28)
```
#df4912
```
#df4912 rgb(223,73,18)
```
#e84509
```
#e84509 rgb(232,69,9)
```

Tone Color Variation

Below, you can see how #cc5225 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
#836b62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d7f3a Protanopia 1% of men
#9e7925 Deuteranopia 1% of men
#d0565b Tritanopia 0.001% of the population

Trichromacy

#a46f32 Protanomaly 1% of men, 0.01% of women
#af6b25 Deuteranomaly 6% of men, 0.4% of women
#ce5447 Tritanomaly 0.01% of the population

#cc5225 hex color

#cc5225 Color Information

#cc5225 Color Conversion

Color Schemes with #cc5225

Alternatives to #cc5225

#cc5225 Preview

Shades and Tints of #cc5225

Tones of #cc5225

Color Blindness Simulator