#cc6020 hex color

In a RGB color space, hex #cc6020 is composed of 80% red, 37.6% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.9% magenta, 84.3% yellow and 20% black. It has a hue angle of 22.3 degrees, a saturation of 72.9% and a lightness of 46.3%. #cc6020 color hex could be obtained by blending #ffc040 with #990000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 80
- G 38
- B 13
RGB color chart
- C 0
- M 53
- Y 84
- K 20
CMYK color chart

● #cc6020 color description : Strong orange.

The hexadecimal color #cc6020 has RGB values of R:204, G:96, B:32 and CMYK values of C:0, M:0.53, Y:0.84, K:0.2. Its decimal value is 13393952.

Hex triplet	cc6020	`#cc6020`
RGB Decimal	204, 96, 32	`rgb(204,96,32)`
RGB Percent	80, 37.6, 12.5	`rgb(80%,37.6%,12.5%)`
CMYK	0, 53, 84, 20
HSL	22.3°, 72.9, 46.3	`hsl(22.3,72.9%,46.3%)`
HSV (or HSB)	22.3°, 84.3, 80
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.287, 39.29, 53.341
XYZ	29.347, 21.31, 3.934
xyY	0.538, 0.39, 21.31
CIE-LCH	53.287, 66.249, 53.625
CIE-LUV	53.287, 88.329, 43.804
Hunter-Lab	46.163, 32.69, 27.261
Binary	11001100, 01100000, 00100000

#cc6020
```
#cc6020 rgb(204,96,32)
```
#208ccc
```
#208ccc rgb(32,140,204)
```

Complementary Color

#cc2036
```
#cc2036 rgb(204,32,54)
```
#cc6020
```
#cc6020 rgb(204,96,32)
```
#ccb620
```
#ccb620 rgb(204,182,32)
```

Analogous Color

#2036cc
```
#2036cc rgb(32,54,204)
```
#cc6020
```
#cc6020 rgb(204,96,32)
```
#20ccb6
```
#20ccb6 rgb(32,204,182)
```

Split Complementary Color

#6020cc
```
#6020cc rgb(96,32,204)
```
#cc6020
```
#cc6020 rgb(204,96,32)
```
#20cc60
```
#20cc60 rgb(32,204,96)
```

Triadic Color

#cc208c
```
#cc208c rgb(204,32,140)
```
#cc6020
```
#cc6020 rgb(204,96,32)
```
#20cc60
```
#20cc60 rgb(32,204,96)
```
#208ccc
```
#208ccc rgb(32,140,204)
```

Tetradic Color

#8a4116
```
#8a4116 rgb(138,65,22)
```
#a04b19
```
#a04b19 rgb(160,75,25)
```
#b6561d
```
#b6561d rgb(182,86,29)
```
#cc6020
```
#cc6020 rgb(204,96,32)
```
#dd6c28
```
#dd6c28 rgb(221,108,40)
```
#e17b3e
```
#e17b3e rgb(225,123,62)
```
#e48a54
```
#e48a54 rgb(228,138,84)
```

Monochromatic Color

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

#cc3520
```
#cc3520 rgb(204,53,32)
```
#cc4320
```
#cc4320 rgb(204,67,32)
```
#cc5220
```
#cc5220 rgb(204,82,32)
```
#cc6020
```
#cc6020 rgb(204,96,32)
```
#cc6e20
```
#cc6e20 rgb(204,110,32)
```
#cc7d20
```
#cc7d20 rgb(204,125,32)
```
#cc8b20
```
#cc8b20 rgb(204,139,32)
```

Similar Colors

Text with hexadecimal color #cc6020

This text has a font color of #cc6020.

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

#cc6020 background color

This paragraph has a background color of #cc6020.

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

#cc6020 border color

This element has a border color of #cc6020.

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

CSS codes

.text {color:#cc6020;}

.background {background-color:#cc6020;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#110803
```
#110803 rgb(17,8,3)
```
#221005
```
#221005 rgb(34,16,5)
```
#331808
```
#331808 rgb(51,24,8)
```
#44200b
```
#44200b rgb(68,32,11)
```
#55280d
```
#55280d rgb(85,40,13)
```
#663010
```
#663010 rgb(102,48,16)
```
#773813
```
#773813 rgb(119,56,19)
```
#884015
```
#884015 rgb(136,64,21)
```
#994818
```
#994818 rgb(153,72,24)
```
#aa501b
```
#aa501b rgb(170,80,27)
```
#bb581d
```
#bb581d rgb(187,88,29)
```
#cc6020
```
#cc6020 rgb(204,96,32)
```

Shade Color Variation

#dd6823
```
#dd6823 rgb(221,104,35)
```
#df7434
```
#df7434 rgb(223,116,52)
```
#e27f45
```
#e27f45 rgb(226,127,69)
```
#e48b56
```
#e48b56 rgb(228,139,86)
```
#e79767
```
#e79767 rgb(231,151,103)
```
#eaa278
```
#eaa278 rgb(234,162,120)
```
#ecae89
```
#ecae89 rgb(236,174,137)
```
#efba9a
```
#efba9a rgb(239,186,154)
```
#f2c5ab
```
#f2c5ab rgb(242,197,171)
```
#f4d1bc
```
#f4d1bc rgb(244,209,188)
```
#f7dccd
```
#f7dccd rgb(247,220,205)
```
#fae8de
```
#fae8de rgb(250,232,222)
```
#fcf4ef
```
#fcf4ef rgb(252,244,239)
```

Tint Color Variation

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

#7a7572
```
#7a7572 rgb(122,117,114)
```
#837369
```
#837369 rgb(131,115,105)
```
#8c7060
```
#8c7060 rgb(140,112,96)
```
#966e56
```
#966e56 rgb(150,110,86)
```
#9f6c4d
```
#9f6c4d rgb(159,108,77)
```
#a86944
```
#a86944 rgb(168,105,68)
```
#b1673b
```
#b1673b rgb(177,103,59)
```
#ba6532
```
#ba6532 rgb(186,101,50)
```
#c36229
```
#c36229 rgb(195,98,41)
```
#cc6020
```
#cc6020 rgb(204,96,32)
```
#d55e17
```
#d55e17 rgb(213,94,23)
```
#de5b0e
```
#de5b0e rgb(222,91,14)
```
#e75905
```
#e75905 rgb(231,89,5)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#8a7467 Atypical Achromatopsia 0.001% of the population

Dichromacy

#948633 Protanopia 1% of men
#a77f20 Deuteranopia 1% of men
#d16268 Tritanopia 0.001% of the population

Trichromacy

#a8782c Protanomaly 1% of men, 0.01% of women
#b47420 Deuteranomaly 6% of men, 0.4% of women
#cf614d Tritanomaly 0.01% of the population

#cc6020 hex color

#cc6020 Color Information

#cc6020 Color Conversion

Color Schemes with #cc6020

Alternatives to #cc6020

#cc6020 Preview

Shades and Tints of #cc6020

Tones of #cc6020

Color Blindness Simulator