#cc6f25 hex color

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

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

● #cc6f25 color description : Strong orange.

The hexadecimal color #cc6f25 has RGB values of R:204, G:111, B:37 and CMYK values of C:0, M:0.46, Y:0.82, K:0.2. Its decimal value is 13397797.

Hex triplet	cc6f25	`#cc6f25`
RGB Decimal	204, 111, 37	`rgb(204,111,37)`
RGB Percent	80, 43.5, 14.5	`rgb(80%,43.5%,14.5%)`
CMYK	0, 46, 82, 20
HSL	26.6°, 69.3, 47.3	`hsl(26.6,69.3%,47.3%)`
HSV (or HSB)	26.6°, 81.9, 80
Web Safe	cc6633	`#cc6633`

CIE-LAB	56.429, 31.688, 54.126
XYZ	30.921, 24.343, 4.82
xyY	0.515, 0.405, 24.343
CIE-LCH	56.429, 62.719, 59.653
CIE-LUV	56.429, 75.888, 47.928
Hunter-Lab	49.338, 25.528, 28.744
Binary	11001100, 01101111, 00100101

#cc6f25
```
#cc6f25 rgb(204,111,37)
```
#2582cc
```
#2582cc rgb(37,130,204)
```

Complementary Color

#cc252f
```
#cc252f rgb(204,37,47)
```
#cc6f25
```
#cc6f25 rgb(204,111,37)
```
#ccc325
```
#ccc325 rgb(204,195,37)
```

Analogous Color

#252fcc
```
#252fcc rgb(37,47,204)
```
#cc6f25
```
#cc6f25 rgb(204,111,37)
```
#25ccc3
```
#25ccc3 rgb(37,204,195)
```

Split Complementary Color

#6f25cc
```
#6f25cc rgb(111,37,204)
```
#cc6f25
```
#cc6f25 rgb(204,111,37)
```
#25cc6f
```
#25cc6f rgb(37,204,111)
```

Triadic Color

#cc2582
```
#cc2582 rgb(204,37,130)
```
#cc6f25
```
#cc6f25 rgb(204,111,37)
```
#25cc6f
```
#25cc6f rgb(37,204,111)
```
#2582cc
```
#2582cc rgb(37,130,204)
```

Tetradic Color

#8b4c19
```
#8b4c19 rgb(139,76,25)
```
#a1581d
```
#a1581d rgb(161,88,29)
```
#b66321
```
#b66321 rgb(182,99,33)
```
#cc6f25
```
#cc6f25 rgb(204,111,37)
```
#da7c31
```
#da7c31 rgb(218,124,49)
```
#de8946
```
#de8946 rgb(222,137,70)
```
#e1975c
```
#e1975c rgb(225,151,92)
```

Monochromatic Color

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

#cc4525
```
#cc4525 rgb(204,69,37)
```
#cc5325
```
#cc5325 rgb(204,83,37)
```
#cc6125
```
#cc6125 rgb(204,97,37)
```
#cc6f25
```
#cc6f25 rgb(204,111,37)
```
#cc7d25
```
#cc7d25 rgb(204,125,37)
```
#cc8b25
```
#cc8b25 rgb(204,139,37)
```
#cc9925
```
#cc9925 rgb(204,153,37)
```

Similar Colors

Text with hexadecimal color #cc6f25

This text has a font color of #cc6f25.

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

#cc6f25 background color

This paragraph has a background color of #cc6f25.

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

#cc6f25 border color

This element has a border color of #cc6f25.

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

CSS codes

.text {color:#cc6f25;}

.background {background-color:#cc6f25;}

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

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

#050301
```
#050301 rgb(5,3,1)
```
#150c04
```
#150c04 rgb(21,12,4)
```
#261507
```
#261507 rgb(38,21,7)
```
#371e0a
```
#371e0a rgb(55,30,10)
```
#47270d
```
#47270d rgb(71,39,13)
```
#583010
```
#583010 rgb(88,48,16)
```
#683913
```
#683913 rgb(104,57,19)
```
#794216
```
#794216 rgb(121,66,22)
```
#8a4b19
```
#8a4b19 rgb(138,75,25)
```
#9a541c
```
#9a541c rgb(154,84,28)
```
#ab5d1f
```
#ab5d1f rgb(171,93,31)
```
#bb6622
```
#bb6622 rgb(187,102,34)
```
#cc6f25
```
#cc6f25 rgb(204,111,37)
```

Shade Color Variation

#d9782c
```
#d9782c rgb(217,120,44)
```
#dc833d
```
#dc833d rgb(220,131,61)
```
#df8e4d
```
#df8e4d rgb(223,142,77)
```
#e2985e
```
#e2985e rgb(226,152,94)
```
#e5a36e
```
#e5a36e rgb(229,163,110)
```
#e8ad7f
```
#e8ad7f rgb(232,173,127)
```
#ebb890
```
#ebb890 rgb(235,184,144)
```
#eec3a0
```
#eec3a0 rgb(238,195,160)
```
#f1cdb1
```
#f1cdb1 rgb(241,205,177)
```
#f4d8c1
```
#f4d8c1 rgb(244,216,193)
```
#f7e2d2
```
#f7e2d2 rgb(247,226,210)
```
#faede3
```
#faede3 rgb(250,237,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 #e86c09 is the most saturated one.

#797878
```
#797878 rgb(121,120,120)
```
#82776f
```
#82776f rgb(130,119,111)
```
#8b7666
```
#8b7666 rgb(139,118,102)
```
#94755d
```
#94755d rgb(148,117,93)
```
#9e7453
```
#9e7453 rgb(158,116,83)
```
#a7734a
```
#a7734a rgb(167,115,74)
```
#b07241
```
#b07241 rgb(176,114,65)
```
#b97138
```
#b97138 rgb(185,113,56)
```
#c3702e
```
#c3702e rgb(195,112,46)
```
#cc6f25
```
#cc6f25 rgb(204,111,37)
```
#d56e1c
```
#d56e1c rgb(213,110,28)
```
#df6d12
```
#df6d12 rgb(223,109,18)
```
#e86c09
```
#e86c09 rgb(232,108,9)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#917e6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d8d36 Protanopia 1% of men
#b08629 Deuteranopia 1% of men
#d26f76 Tritanopia 0.001% of the population

Trichromacy

#ae8230 Protanomaly 1% of men, 0.01% of women
#ba7e27 Deuteranomaly 6% of men, 0.4% of women
#cf6f58 Tritanomaly 0.01% of the population

#cc6f25 hex color

#cc6f25 Color Information

#cc6f25 Color Conversion

Color Schemes with #cc6f25

Alternatives to #cc6f25

#cc6f25 Preview

Shades and Tints of #cc6f25

Tones of #cc6f25

Color Blindness Simulator