#cc9227 hex color

In a RGB color space, hex #cc9227 is composed of 80% red, 57.3% green and 15.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.4% magenta, 80.9% yellow and 20% black. It has a hue angle of 38.9 degrees, a saturation of 67.9% and a lightness of 47.6%. #cc9227 color hex could be obtained by blending #ffff4e with #992500. Closest websafe color is: #cc9933.

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

● #cc9227 color description : Strong orange.

The hexadecimal color #cc9227 has RGB values of R:204, G:146, B:39 and CMYK values of C:0, M:0.28, Y:0.81, K:0.2. Its decimal value is 13406759.

Hex triplet	cc9227	`#cc9227`
RGB Decimal	204, 146, 39	`rgb(204,146,39)`
RGB Percent	80, 57.3, 15.3	`rgb(80%,57.3%,15.3%)`
CMYK	0, 28, 81, 20
HSL	38.9°, 67.9, 47.6	`hsl(38.9,67.9%,47.6%)`
HSV (or HSB)	38.9°, 80.9, 80
Web Safe	cc9933	`#cc9933`

CIE-LAB	64.599, 12.833, 60.711
XYZ	35.548, 33.544, 6.522
xyY	0.47, 0.444, 33.544
CIE-LCH	64.599, 62.053, 78.064
CIE-LUV	64.599, 47.75, 60.826
Hunter-Lab	57.917, 8.203, 33.866
Binary	11001100, 10010010, 00100111

#cc9227
```
#cc9227 rgb(204,146,39)
```
#2761cc
```
#2761cc rgb(39,97,204)
```

Complementary Color

#cc3f27
```
#cc3f27 rgb(204,63,39)
```
#cc9227
```
#cc9227 rgb(204,146,39)
```
#b4cc27
```
#b4cc27 rgb(180,204,39)
```

Analogous Color

#4027cc
```
#4027cc rgb(64,39,204)
```
#cc9227
```
#cc9227 rgb(204,146,39)
```
#27b4cc
```
#27b4cc rgb(39,180,204)
```

Split Complementary Color

#9227cc
```
#9227cc rgb(146,39,204)
```
#cc9227
```
#cc9227 rgb(204,146,39)
```
#27cc92
```
#27cc92 rgb(39,204,146)
```

Triadic Color

#cc2761
```
#cc2761 rgb(204,39,97)
```
#cc9227
```
#cc9227 rgb(204,146,39)
```
#27cc92
```
#27cc92 rgb(39,204,146)
```
#2761cc
```
#2761cc rgb(39,97,204)
```

Tetradic Color

#8c641b
```
#8c641b rgb(140,100,27)
```
#a1731f
```
#a1731f rgb(161,115,31)
```
#b78323
```
#b78323 rgb(183,131,35)
```
#cc9227
```
#cc9227 rgb(204,146,39)
```
#d89f34
```
#d89f34 rgb(216,159,52)
```
#dca94a
```
#dca94a rgb(220,169,74)
```
#e0b35f
```
#e0b35f rgb(224,179,95)
```

Monochromatic Color

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

#cc6927
```
#cc6927 rgb(204,105,39)
```
#cc7727
```
#cc7727 rgb(204,119,39)
```
#cc8427
```
#cc8427 rgb(204,132,39)
```
#cc9227
```
#cc9227 rgb(204,146,39)
```
#cca027
```
#cca027 rgb(204,160,39)
```
#ccae27
```
#ccae27 rgb(204,174,39)
```
#ccbb27
```
#ccbb27 rgb(204,187,39)
```

Similar Colors

Text with hexadecimal color #cc9227

This text has a font color of #cc9227.

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

#cc9227 background color

This paragraph has a background color of #cc9227.

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

#cc9227 border color

This element has a border color of #cc9227.

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

CSS codes

.text {color:#cc9227;}

.background {background-color:#cc9227;}

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

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

#060501
```
#060501 rgb(6,5,1)
```
#171004
```
#171004 rgb(23,16,4)
```
#271c08
```
#271c08 rgb(39,28,8)
```
#38280b
```
#38280b rgb(56,40,11)
```
#48340e
```
#48340e rgb(72,52,14)
```
#594011
```
#594011 rgb(89,64,17)
```
#694b14
```
#694b14 rgb(105,75,20)
```
#7a5717
```
#7a5717 rgb(122,87,23)
```
#8a631a
```
#8a631a rgb(138,99,26)
```
#9b6f1e
```
#9b6f1e rgb(155,111,30)
```
#ab7a21
```
#ab7a21 rgb(171,122,33)
```
#bc8624
```
#bc8624 rgb(188,134,36)
```
#cc9227
```
#cc9227 rgb(204,146,39)
```

Shade Color Variation

#d79c2f
```
#d79c2f rgb(215,156,47)
```
#daa440
```
#daa440 rgb(218,164,64)
```
#deac50
```
#deac50 rgb(222,172,80)
```
#e1b461
```
#e1b461 rgb(225,180,97)
```
#e4bc71
```
#e4bc71 rgb(228,188,113)
```
#e7c382
```
#e7c382 rgb(231,195,130)
```
#eacb92
```
#eacb92 rgb(234,203,146)
```
#edd3a3
```
#edd3a3 rgb(237,211,163)
```
#f0dbb3
```
#f0dbb3 rgb(240,219,179)
```
#f4e3c4
```
#f4e3c4 rgb(244,227,196)
```
#f7ebd4
```
#f7ebd4 rgb(247,235,212)
```
#faf2e4
```
#faf2e4 rgb(250,242,228)
```
#fdfaf5
```
#fdfaf5 rgb(253,250,245)
```

Tint Color Variation

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

#817c72
```
#817c72 rgb(129,124,114)
```
#8b7f68
```
#8b7f68 rgb(139,127,104)
```
#94815f
```
#94815f rgb(148,129,95)
```
#9d8456
```
#9d8456 rgb(157,132,86)
```
#a7874c
```
#a7874c rgb(167,135,76)
```
#b08a43
```
#b08a43 rgb(176,138,67)
```
#b98c3a
```
#b98c3a rgb(185,140,58)
```
#c38f30
```
#c38f30 rgb(195,143,48)
```
#cc9227
```
#cc9227 rgb(204,146,39)
```
#d5951e
```
#d5951e rgb(213,149,30)
```
#df9814
```
#df9814 rgb(223,152,20)
```
#e89a0b
```
#e89a0b rgb(232,154,11)
```
#f19d02
```
#f19d02 rgb(241,157,2)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#a29681 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4a234 Protanopia 1% of men
#c99a31 Deuteranopia 1% of men
#d58e97 Tritanopia 0.001% of the population

Trichromacy

#bd9c2f Protanomaly 1% of men, 0.01% of women
#ca972d Deuteranomaly 6% of men, 0.4% of women
#d18f6e Tritanomaly 0.01% of the population

#cc9227 hex color

#cc9227 Color Information

#cc9227 Color Conversion

Color Schemes with #cc9227

Alternatives to #cc9227

#cc9227 Preview

Shades and Tints of #cc9227

Tones of #cc9227

Color Blindness Simulator