#cc9818 hex color

In a RGB color space, hex #cc9818 is composed of 80% red, 59.6% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.5% magenta, 88.2% yellow and 20% black. It has a hue angle of 42.7 degrees, a saturation of 78.9% and a lightness of 44.7%. #cc9818 color hex could be obtained by blending #ffff30 with #993100. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 80
- G 60
- B 9
RGB color chart
- C 0
- M 25
- Y 88
- K 20
CMYK color chart

● #cc9818 color description : Strong orange.

The hexadecimal color #cc9818 has RGB values of R:204, G:152, B:24 and CMYK values of C:0, M:0.25, Y:0.88, K:0.2. Its decimal value is 13408280.

Hex triplet	cc9818	`#cc9818`
RGB Decimal	204, 152, 24	`rgb(204,152,24)`
RGB Percent	80, 59.6, 9.4	`rgb(80%,59.6%,9.4%)`
CMYK	0, 25, 88, 20
HSL	42.7°, 78.9, 44.7	`hsl(42.7,78.9%,44.7%)`
HSV (or HSB)	42.7°, 88.2, 80
Web Safe	cc9900	`#cc9900`

CIE-LAB	66.029, 9.176, 66.273
XYZ	36.296, 35.362, 5.778
xyY	0.469, 0.457, 35.362
CIE-LCH	66.029, 66.905, 82.117
CIE-LUV	66.029, 43.551, 65.726
Hunter-Lab	59.466, 4.885, 35.865
Binary	11001100, 10011000, 00011000

#cc9818
```
#cc9818 rgb(204,152,24)
```
#184ccc
```
#184ccc rgb(24,76,204)
```

Complementary Color

#cc3e18
```
#cc3e18 rgb(204,62,24)
```
#cc9818
```
#cc9818 rgb(204,152,24)
```
#a6cc18
```
#a6cc18 rgb(166,204,24)
```

Analogous Color

#3e18cc
```
#3e18cc rgb(62,24,204)
```
#cc9818
```
#cc9818 rgb(204,152,24)
```
#18a6cc
```
#18a6cc rgb(24,166,204)
```

Split Complementary Color

#9818cc
```
#9818cc rgb(152,24,204)
```
#cc9818
```
#cc9818 rgb(204,152,24)
```
#18cc98
```
#18cc98 rgb(24,204,152)
```

Triadic Color

#cc184c
```
#cc184c rgb(204,24,76)
```
#cc9818
```
#cc9818 rgb(204,152,24)
```
#18cc98
```
#18cc98 rgb(24,204,152)
```
#184ccc
```
#184ccc rgb(24,76,204)
```

Tetradic Color

#886510
```
#886510 rgb(136,101,16)
```
#9e7613
```
#9e7613 rgb(158,118,19)
```
#b58715
```
#b58715 rgb(181,135,21)
```
#cc9818
```
#cc9818 rgb(204,152,24)
```
#e3a91b
```
#e3a91b rgb(227,169,27)
```
#e7b230
```
#e7b230 rgb(231,178,48)
```
#e9bb47
```
#e9bb47 rgb(233,187,71)
```

Monochromatic Color

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

#cc6b18
```
#cc6b18 rgb(204,107,24)
```
#cc7a18
```
#cc7a18 rgb(204,122,24)
```
#cc8918
```
#cc8918 rgb(204,137,24)
```
#cc9818
```
#cc9818 rgb(204,152,24)
```
#cca718
```
#cca718 rgb(204,167,24)
```
#ccb618
```
#ccb618 rgb(204,182,24)
```
#ccc518
```
#ccc518 rgb(204,197,24)
```

Similar Colors

Text with hexadecimal color #cc9818

This text has a font color of #cc9818.

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

#cc9818 background color

This paragraph has a background color of #cc9818.

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

#cc9818 border color

This element has a border color of #cc9818.

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

CSS codes

.text {color:#cc9818;}

.background {background-color:#cc9818;}

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

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, #0b0801 is the darkest color, while #fefdf8 is the lightest one.

#0b0801
```
#0b0801 rgb(11,8,1)
```
#1c1503
```
#1c1503 rgb(28,21,3)
```
#2e2205
```
#2e2205 rgb(46,34,5)
```
#402f07
```
#402f07 rgb(64,47,7)
```
#513c0a
```
#513c0a rgb(81,60,10)
```
#634a0c
```
#634a0c rgb(99,74,12)
```
#74570e
```
#74570e rgb(116,87,14)
```
#866410
```
#866410 rgb(134,100,16)
```
#977112
```
#977112 rgb(151,113,18)
```
#a97e14
```
#a97e14 rgb(169,126,20)
```
#ba8b16
```
#ba8b16 rgb(186,139,22)
```
#cc9818
```
#cc9818 rgb(204,152,24)
```
#dea51a
```
#dea51a rgb(222,165,26)
```

Shade Color Variation

#e5ae26
```
#e5ae26 rgb(229,174,38)
```
#e8b537
```
#e8b537 rgb(232,181,55)
```
#eabb49
```
#eabb49 rgb(234,187,73)
```
#ecc25a
```
#ecc25a rgb(236,194,90)
```
#eec86c
```
#eec86c rgb(238,200,108)
```
#f0cf7e
```
#f0cf7e rgb(240,207,126)
```
#f2d58f
```
#f2d58f rgb(242,213,143)
```
#f4dca1
```
#f4dca1 rgb(244,220,161)
```
#f6e2b2
```
#f6e2b2 rgb(246,226,178)
```
#f8e9c4
```
#f8e9c4 rgb(248,233,196)
```
#faefd5
```
#faefd5 rgb(250,239,213)
```
#fcf6e7
```
#fcf6e7 rgb(252,246,231)
```
#fefdf8
```
#fefdf8 rgb(254,253,248)
```

Tint Color Variation

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

#747370
```
#747370 rgb(116,115,112)
```
#7d7767
```
#7d7767 rgb(125,119,103)
```
#867a5e
```
#867a5e rgb(134,122,94)
```
#8f7e55
```
#8f7e55 rgb(143,126,85)
```
#97824d
```
#97824d rgb(151,130,77)
```
#a08544
```
#a08544 rgb(160,133,68)
```
#a9893b
```
#a9893b rgb(169,137,59)
```
#b28d32
```
#b28d32 rgb(178,141,50)
```
#ba912a
```
#ba912a rgb(186,145,42)
```
#c39421
```
#c39421 rgb(195,148,33)
```
#cc9818
```
#cc9818 rgb(204,152,24)
```
#d59c0f
```
#d59c0f rgb(213,156,15)
```
#de9f06
```
#de9f06 rgb(222,159,6)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#a3997f Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9a526 Protanopia 1% of men
#ce9d23 Deuteranopia 1% of men
#d6939d Tritanopia 0.001% of the population

Trichromacy

#c0a021 Protanomaly 1% of men, 0.01% of women
#cd9b1f Deuteranomaly 6% of men, 0.4% of women
#d2946c Tritanomaly 0.01% of the population

#cc9818 hex color

#cc9818 Color Information

#cc9818 Color Conversion

Color Schemes with #cc9818

Alternatives to #cc9818

#cc9818 Preview

Shades and Tints of #cc9818

Tones of #cc9818

Color Blindness Simulator