#cc6525 hex color

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

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

● #cc6525 color description : Strong orange.

The hexadecimal color #cc6525 has RGB values of R:204, G:101, B:37 and CMYK values of C:0, M:0.5, Y:0.82, K:0.2. Its decimal value is 13395237.

Hex triplet	cc6525	`#cc6525`
RGB Decimal	204, 101, 37	`rgb(204,101,37)`
RGB Percent	80, 39.6, 14.5	`rgb(80%,39.6%,14.5%)`
CMYK	0, 50, 82, 20
HSL	23°, 69.3, 47.3	`hsl(23,69.3%,47.3%)`
HSV (or HSB)	23°, 81.9, 80
Web Safe	cc6633	`#cc6633`

CIE-LAB	54.324, 36.897, 52.219
XYZ	29.891, 22.281, 4.477
xyY	0.528, 0.393, 22.281
CIE-LCH	54.324, 63.939, 54.755
CIE-LUV	54.324, 83.933, 44.361
Hunter-Lab	47.203, 30.428, 27.419
Binary	11001100, 01100101, 00100101

#cc6525
```
#cc6525 rgb(204,101,37)
```
#258ccc
```
#258ccc rgb(37,140,204)
```

Complementary Color

#cc2539
```
#cc2539 rgb(204,37,57)
```
#cc6525
```
#cc6525 rgb(204,101,37)
```
#ccb925
```
#ccb925 rgb(204,185,37)
```

Analogous Color

#2539cc
```
#2539cc rgb(37,57,204)
```
#cc6525
```
#cc6525 rgb(204,101,37)
```
#25ccb9
```
#25ccb9 rgb(37,204,185)
```

Split Complementary Color

#6525cc
```
#6525cc rgb(101,37,204)
```
#cc6525
```
#cc6525 rgb(204,101,37)
```
#25cc65
```
#25cc65 rgb(37,204,101)
```

Triadic Color

#cc258c
```
#cc258c rgb(204,37,140)
```
#cc6525
```
#cc6525 rgb(204,101,37)
```
#25cc65
```
#25cc65 rgb(37,204,101)
```
#258ccc
```
#258ccc rgb(37,140,204)
```

Tetradic Color

#8b4519
```
#8b4519 rgb(139,69,25)
```
#a1501d
```
#a1501d rgb(161,80,29)
```
#b65a21
```
#b65a21 rgb(182,90,33)
```
#cc6525
```
#cc6525 rgb(204,101,37)
```
#da7231
```
#da7231 rgb(218,114,49)
```
#de8046
```
#de8046 rgb(222,128,70)
```
#e18f5c
```
#e18f5c rgb(225,143,92)
```

Monochromatic Color

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

#cc3b25
```
#cc3b25 rgb(204,59,37)
```
#cc4925
```
#cc4925 rgb(204,73,37)
```
#cc5725
```
#cc5725 rgb(204,87,37)
```
#cc6525
```
#cc6525 rgb(204,101,37)
```
#cc7325
```
#cc7325 rgb(204,115,37)
```
#cc8125
```
#cc8125 rgb(204,129,37)
```
#cc8f25
```
#cc8f25 rgb(204,143,37)
```

Similar Colors

Text with hexadecimal color #cc6525

This text has a font color of #cc6525.

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

#cc6525 background color

This paragraph has a background color of #cc6525.

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

#cc6525 border color

This element has a border color of #cc6525.

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

CSS codes

.text {color:#cc6525;}

.background {background-color:#cc6525;}

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

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

#050201
```
#050201 rgb(5,2,1)
```
#150b04
```
#150b04 rgb(21,11,4)
```
#261307
```
#261307 rgb(38,19,7)
```
#371b0a
```
#371b0a rgb(55,27,10)
```
#47230d
```
#47230d rgb(71,35,13)
```
#582b10
```
#582b10 rgb(88,43,16)
```
#683413
```
#683413 rgb(104,52,19)
```
#793c16
```
#793c16 rgb(121,60,22)
```
#8a4419
```
#8a4419 rgb(138,68,25)
```
#9a4c1c
```
#9a4c1c rgb(154,76,28)
```
#ab551f
```
#ab551f rgb(171,85,31)
```
#bb5d22
```
#bb5d22 rgb(187,93,34)
```
#cc6525
```
#cc6525 rgb(204,101,37)
```

Shade Color Variation

#d96e2c
```
#d96e2c rgb(217,110,44)
```
#dc7a3d
```
#dc7a3d rgb(220,122,61)
```
#df854d
```
#df854d rgb(223,133,77)
```
#e2905e
```
#e2905e rgb(226,144,94)
```
#e59c6e
```
#e59c6e rgb(229,156,110)
```
#e8a77f
```
#e8a77f rgb(232,167,127)
```
#ebb290
```
#ebb290 rgb(235,178,144)
```
#eebea0
```
#eebea0 rgb(238,190,160)
```
#f1c9b1
```
#f1c9b1 rgb(241,201,177)
```
#f4d5c1
```
#f4d5c1 rgb(244,213,193)
```
#f7e0d2
```
#f7e0d2 rgb(247,224,210)
```
#faebe3
```
#faebe3 rgb(250,235,227)
```
#fdf7f3
```
#fdf7f3 rgb(253,247,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 #e85f09 is the most saturated one.

#797878
```
#797878 rgb(121,120,120)
```
#82766f
```
#82766f rgb(130,118,111)
```
#8b7466
```
#8b7466 rgb(139,116,102)
```
#94725d
```
#94725d rgb(148,114,93)
```
#9e7053
```
#9e7053 rgb(158,112,83)
```
#a76e4a
```
#a76e4a rgb(167,110,74)
```
#b06b41
```
#b06b41 rgb(176,107,65)
```
#b96938
```
#b96938 rgb(185,105,56)
```
#c3672e
```
#c3672e rgb(195,103,46)
```
#cc6525
```
#cc6525 rgb(204,101,37)
```
#d5631c
```
#d5631c rgb(213,99,28)
```
#df6112
```
#df6112 rgb(223,97,18)
```
#e85f09
```
#e85f09 rgb(232,95,9)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#8d786b Atypical Achromatopsia 0.001% of the population

Dichromacy

#978837 Protanopia 1% of men
#a98127 Deuteranopia 1% of men
#d1666d Tritanopia 0.001% of the population

Trichromacy

#aa7b30 Protanomaly 1% of men, 0.01% of women
#b67726 Deuteranomaly 6% of men, 0.4% of women
#cf6652 Tritanomaly 0.01% of the population

#cc6525 hex color

#cc6525 Color Information

#cc6525 Color Conversion

Color Schemes with #cc6525

Alternatives to #cc6525

#cc6525 Preview

Shades and Tints of #cc6525

Tones of #cc6525

Color Blindness Simulator