#cc9420 hex color

In a RGB color space, hex #cc9420 is composed of 80% red, 58% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.5% magenta, 84.3% yellow and 20% black. It has a hue angle of 40.5 degrees, a saturation of 72.9% and a lightness of 46.3%. #cc9420 color hex could be obtained by blending #ffff40 with #992900. Closest websafe color is: #cc9933.

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

● #cc9420 color description : Strong orange.

The hexadecimal color #cc9420 has RGB values of R:204, G:148, B:32 and CMYK values of C:0, M:0.27, Y:0.84, K:0.2. Its decimal value is 13407264.

Hex triplet	cc9420	`#cc9420`
RGB Decimal	204, 148, 32	`rgb(204,148,32)`
RGB Percent	80, 58, 12.5	`rgb(80%,58%,12.5%)`
CMYK	0, 27, 84, 20
HSL	40.5°, 72.9, 46.3	`hsl(40.5,72.9%,46.3%)`
HSV (or HSB)	40.5°, 84.3, 80
Web Safe	cc9933	`#cc9933`

CIE-LAB	65.061, 11.536, 63.358
XYZ	35.753, 34.124, 6.07
xyY	0.471, 0.449, 34.124
CIE-LCH	65.061, 64.399, 79.681
CIE-LUV	65.061, 46.446, 62.961
Hunter-Lab	58.415, 7.024, 34.73
Binary	11001100, 10010100, 00100000

#cc9420
```
#cc9420 rgb(204,148,32)
```
#2058cc
```
#2058cc rgb(32,88,204)
```

Complementary Color

#cc3e20
```
#cc3e20 rgb(204,62,32)
```
#cc9420
```
#cc9420 rgb(204,148,32)
```
#aecc20
```
#aecc20 rgb(174,204,32)
```

Analogous Color

#3e20cc
```
#3e20cc rgb(62,32,204)
```
#cc9420
```
#cc9420 rgb(204,148,32)
```
#20aecc
```
#20aecc rgb(32,174,204)
```

Split Complementary Color

#9420cc
```
#9420cc rgb(148,32,204)
```
#cc9420
```
#cc9420 rgb(204,148,32)
```
#20cc94
```
#20cc94 rgb(32,204,148)
```

Triadic Color

#cc2058
```
#cc2058 rgb(204,32,88)
```
#cc9420
```
#cc9420 rgb(204,148,32)
```
#20cc94
```
#20cc94 rgb(32,204,148)
```
#2058cc
```
#2058cc rgb(32,88,204)
```

Tetradic Color

#8a6416
```
#8a6416 rgb(138,100,22)
```
#a07419
```
#a07419 rgb(160,116,25)
```
#b6841d
```
#b6841d rgb(182,132,29)
```
#cc9420
```
#cc9420 rgb(204,148,32)
```
#dda228
```
#dda228 rgb(221,162,40)
```
#e1ac3e
```
#e1ac3e rgb(225,172,62)
```
#e4b554
```
#e4b554 rgb(228,181,84)
```

Monochromatic Color

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

#cc6920
```
#cc6920 rgb(204,105,32)
```
#cc7720
```
#cc7720 rgb(204,119,32)
```
#cc8620
```
#cc8620 rgb(204,134,32)
```
#cc9420
```
#cc9420 rgb(204,148,32)
```
#cca220
```
#cca220 rgb(204,162,32)
```
#ccb120
```
#ccb120 rgb(204,177,32)
```
#ccbf20
```
#ccbf20 rgb(204,191,32)
```

Similar Colors

Text with hexadecimal color #cc9420

This text has a font color of #cc9420.

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

#cc9420 background color

This paragraph has a background color of #cc9420.

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

#cc9420 border color

This element has a border color of #cc9420.

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

CSS codes

.text {color:#cc9420;}

.background {background-color:#cc9420;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#110d03
```
#110d03 rgb(17,13,3)
```
#221905
```
#221905 rgb(34,25,5)
```
#332508
```
#332508 rgb(51,37,8)
```
#44320b
```
#44320b rgb(68,50,11)
```
#553e0d
```
#553e0d rgb(85,62,13)
```
#664a10
```
#664a10 rgb(102,74,16)
```
#775613
```
#775613 rgb(119,86,19)
```
#886315
```
#886315 rgb(136,99,21)
```
#996f18
```
#996f18 rgb(153,111,24)
```
#aa7b1b
```
#aa7b1b rgb(170,123,27)
```
#bb881d
```
#bb881d rgb(187,136,29)
```
#cc9420
```
#cc9420 rgb(204,148,32)
```

Shade Color Variation

#dda023
```
#dda023 rgb(221,160,35)
```
#dfa734
```
#dfa734 rgb(223,167,52)
```
#e2af45
```
#e2af45 rgb(226,175,69)
```
#e4b656
```
#e4b656 rgb(228,182,86)
```
#e7bd67
```
#e7bd67 rgb(231,189,103)
```
#eac578
```
#eac578 rgb(234,197,120)
```
#eccc89
```
#eccc89 rgb(236,204,137)
```
#efd39a
```
#efd39a rgb(239,211,154)
```
#f2dbab
```
#f2dbab rgb(242,219,171)
```
#f4e2bc
```
#f4e2bc rgb(244,226,188)
```
#f7e9cd
```
#f7e9cd rgb(247,233,205)
```
#faf1de
```
#faf1de rgb(250,241,222)
```
#fcf8ef
```
#fcf8ef rgb(252,248,239)
```

Tint Color Variation

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

#7a7872
```
#7a7872 rgb(122,120,114)
```
#837b69
```
#837b69 rgb(131,123,105)
```
#8c7e60
```
#8c7e60 rgb(140,126,96)
```
#968156
```
#968156 rgb(150,129,86)
```
#9f844d
```
#9f844d rgb(159,132,77)
```
#a88744
```
#a88744 rgb(168,135,68)
```
#b18b3b
```
#b18b3b rgb(177,139,59)
```
#ba8e32
```
#ba8e32 rgb(186,142,50)
```
#c39129
```
#c39129 rgb(195,145,41)
```
#cc9420
```
#cc9420 rgb(204,148,32)
```
#d59717
```
#d59717 rgb(213,151,23)
```
#de9a0e
```
#de9a0e rgb(222,154,14)
```
#e79d05
```
#e79d05 rgb(231,157,5)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#a29780 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6a32e Protanopia 1% of men
#cb9b2a Deuteranopia 1% of men
#d58f99 Tritanopia 0.001% of the population

Trichromacy

#be9d29 Protanomaly 1% of men, 0.01% of women
#cb9826 Deuteranomaly 6% of men, 0.4% of women
#d2916d Tritanomaly 0.01% of the population

#cc9420 hex color

#cc9420 Color Information

#cc9420 Color Conversion

Color Schemes with #cc9420

Alternatives to #cc9420

#cc9420 Preview

Shades and Tints of #cc9420

Tones of #cc9420

Color Blindness Simulator