#cc9220 hex color

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

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

● #cc9220 color description : Strong orange.

The hexadecimal color #cc9220 has RGB values of R:204, G:146, B:32 and CMYK values of C:0, M:0.28, Y:0.84, K:0.2. Its decimal value is 13406752.

Hex triplet	cc9220	`#cc9220`
RGB Decimal	204, 146, 32	`rgb(204,146,32)`
RGB Percent	80, 57.3, 12.5	`rgb(80%,57.3%,12.5%)`
CMYK	0, 28, 84, 20
HSL	39.8°, 72.9, 46.3	`hsl(39.8,72.9%,46.3%)`
HSV (or HSB)	39.8°, 84.3, 80
Web Safe	cc9933	`#cc9933`

CIE-LAB	64.565, 12.622, 62.941
XYZ	35.442, 33.502, 5.966
xyY	0.473, 0.447, 33.502
CIE-LCH	64.565, 64.194, 78.66
CIE-LUV	64.565, 48.013, 62.185
Hunter-Lab	57.881, 8.011, 34.405
Binary	11001100, 10010010, 00100000

#cc9220
```
#cc9220 rgb(204,146,32)
```
#205acc
```
#205acc rgb(32,90,204)
```

Complementary Color

#cc3c20
```
#cc3c20 rgb(204,60,32)
```
#cc9220
```
#cc9220 rgb(204,146,32)
```
#b0cc20
```
#b0cc20 rgb(176,204,32)
```

Analogous Color

#3c20cc
```
#3c20cc rgb(60,32,204)
```
#cc9220
```
#cc9220 rgb(204,146,32)
```
#20b0cc
```
#20b0cc rgb(32,176,204)
```

Split Complementary Color

#9220cc
```
#9220cc rgb(146,32,204)
```
#cc9220
```
#cc9220 rgb(204,146,32)
```
#20cc92
```
#20cc92 rgb(32,204,146)
```

Triadic Color

#cc205a
```
#cc205a rgb(204,32,90)
```
#cc9220
```
#cc9220 rgb(204,146,32)
```
#20cc92
```
#20cc92 rgb(32,204,146)
```
#205acc
```
#205acc rgb(32,90,204)
```

Tetradic Color

#8a6316
```
#8a6316 rgb(138,99,22)
```
#a07219
```
#a07219 rgb(160,114,25)
```
#b6821d
```
#b6821d rgb(182,130,29)
```
#cc9220
```
#cc9220 rgb(204,146,32)
```
#dda028
```
#dda028 rgb(221,160,40)
```
#e1aa3e
```
#e1aa3e rgb(225,170,62)
```
#e4b454
```
#e4b454 rgb(228,180,84)
```

Monochromatic Color

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

#cc6720
```
#cc6720 rgb(204,103,32)
```
#cc7520
```
#cc7520 rgb(204,117,32)
```
#cc8420
```
#cc8420 rgb(204,132,32)
```
#cc9220
```
#cc9220 rgb(204,146,32)
```
#cca020
```
#cca020 rgb(204,160,32)
```
#ccaf20
```
#ccaf20 rgb(204,175,32)
```
#ccbd20
```
#ccbd20 rgb(204,189,32)
```

Similar Colors

Text with hexadecimal color #cc9220

This text has a font color of #cc9220.

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

#cc9220 background color

This paragraph has a background color of #cc9220.

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

#cc9220 border color

This element has a border color of #cc9220.

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

CSS codes

.text {color:#cc9220;}

.background {background-color:#cc9220;}

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

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)
```
#44310b
```
#44310b rgb(68,49,11)
```
#553d0d
```
#553d0d rgb(85,61,13)
```
#664910
```
#664910 rgb(102,73,16)
```
#775513
```
#775513 rgb(119,85,19)
```
#886115
```
#886115 rgb(136,97,21)
```
#996e18
```
#996e18 rgb(153,110,24)
```
#aa7a1b
```
#aa7a1b rgb(170,122,27)
```
#bb861d
```
#bb861d rgb(187,134,29)
```
#cc9220
```
#cc9220 rgb(204,146,32)
```

Shade Color Variation

#dd9e23
```
#dd9e23 rgb(221,158,35)
```
#dfa534
```
#dfa534 rgb(223,165,52)
```
#e2ad45
```
#e2ad45 rgb(226,173,69)
```
#e4b456
```
#e4b456 rgb(228,180,86)
```
#e7bc67
```
#e7bc67 rgb(231,188,103)
```
#eac378
```
#eac378 rgb(234,195,120)
```
#eccb89
```
#eccb89 rgb(236,203,137)
```
#efd29a
```
#efd29a rgb(239,210,154)
```
#f2daab
```
#f2daab rgb(242,218,171)
```
#f4e1bc
```
#f4e1bc rgb(244,225,188)
```
#f7e9cd
```
#f7e9cd rgb(247,233,205)
```
#faf0de
```
#faf0de rgb(250,240,222)
```
#fcf8ef
```
#fcf8ef rgb(252,248,239)
```

Tint Color Variation

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

#7a7772
```
#7a7772 rgb(122,119,114)
```
#837a69
```
#837a69 rgb(131,122,105)
```
#8c7d60
```
#8c7d60 rgb(140,125,96)
```
#968056
```
#968056 rgb(150,128,86)
```
#9f834d
```
#9f834d rgb(159,131,77)
```
#a88644
```
#a88644 rgb(168,134,68)
```
#b1893b
```
#b1893b rgb(177,137,59)
```
#ba8c32
```
#ba8c32 rgb(186,140,50)
```
#c38f29
```
#c38f29 rgb(195,143,41)
```
#cc9220
```
#cc9220 rgb(204,146,32)
```
#d59517
```
#d59517 rgb(213,149,23)
```
#de980e
```
#de980e rgb(222,152,14)
```
#e79b05
```
#e79b05 rgb(231,155,5)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#a1957e Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4a12e Protanopia 1% of men
#c99a2a Deuteranopia 1% of men
#d58e97 Tritanopia 0.001% of the population

Trichromacy

#bd9c29 Protanomaly 1% of men, 0.01% of women
#ca9726 Deuteranomaly 6% of men, 0.4% of women
#d18f6c Tritanomaly 0.01% of the population

#cc9220 hex color

#cc9220 Color Information

#cc9220 Color Conversion

Color Schemes with #cc9220

Alternatives to #cc9220

#cc9220 Preview

Shades and Tints of #cc9220

Tones of #cc9220

Color Blindness Simulator