#cc8e30 hex color

In a RGB color space, hex #cc8e30 is composed of 80% red, 55.7% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.4% magenta, 76.5% yellow and 20% black. It has a hue angle of 36.2 degrees, a saturation of 61.9% and a lightness of 49.4%. #cc8e30 color hex could be obtained by blending #ffff60 with #991d00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 80
- G 56
- B 19
RGB color chart
- C 0
- M 30
- Y 76
- K 20
CMYK color chart

● #cc8e30 color description : Strong orange.

The hexadecimal color #cc8e30 has RGB values of R:204, G:142, B:48 and CMYK values of C:0, M:0.3, Y:0.76, K:0.2. Its decimal value is 13405744.

Hex triplet	cc8e30	`#cc8e30`
RGB Decimal	204, 142, 48	`rgb(204,142,48)`
RGB Percent	80, 55.7, 18.8	`rgb(80%,55.7%,18.8%)`
CMYK	0, 30, 76, 20
HSL	36.2°, 61.9, 49.4	`hsl(36.2,61.9%,49.4%)`
HSV (or HSB)	36.2°, 76.5, 80
Web Safe	cc9933	`#cc9933`

CIE-LAB	63.671, 15.344, 56.485
XYZ	35.109, 32.399, 7.201
xyY	0.47, 0.434, 32.399
CIE-LCH	63.671, 58.532, 74.803
CIE-LUV	63.671, 50.438, 57.084
Hunter-Lab	56.92, 10.491, 32.344
Binary	11001100, 10001110, 00110000

#cc8e30
```
#cc8e30 rgb(204,142,48)
```
#306ecc
```
#306ecc rgb(48,110,204)
```

Complementary Color

#cc4030
```
#cc4030 rgb(204,64,48)
```
#cc8e30
```
#cc8e30 rgb(204,142,48)
```
#bccc30
```
#bccc30 rgb(188,204,48)
```

Analogous Color

#4030cc
```
#4030cc rgb(64,48,204)
```
#cc8e30
```
#cc8e30 rgb(204,142,48)
```
#30bccc
```
#30bccc rgb(48,188,204)
```

Split Complementary Color

#8e30cc
```
#8e30cc rgb(142,48,204)
```
#cc8e30
```
#cc8e30 rgb(204,142,48)
```
#30cc8e
```
#30cc8e rgb(48,204,142)
```

Triadic Color

#cc306e
```
#cc306e rgb(204,48,110)
```
#cc8e30
```
#cc8e30 rgb(204,142,48)
```
#30cc8e
```
#30cc8e rgb(48,204,142)
```
#306ecc
```
#306ecc rgb(48,110,204)
```

Tetradic Color

#8e6321
```
#8e6321 rgb(142,99,33)
```
#a37126
```
#a37126 rgb(163,113,38)
```
#b7802b
```
#b7802b rgb(183,128,43)
```
#cc8e30
```
#cc8e30 rgb(204,142,48)
```
#d39a43
```
#d39a43 rgb(211,154,67)
```
#d8a557
```
#d8a557 rgb(216,165,87)
```
#dcb06c
```
#dcb06c rgb(220,176,108)
```

Monochromatic Color

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

#cc6730
```
#cc6730 rgb(204,103,48)
```
#cc7430
```
#cc7430 rgb(204,116,48)
```
#cc8130
```
#cc8130 rgb(204,129,48)
```
#cc8e30
```
#cc8e30 rgb(204,142,48)
```
#cc9b30
```
#cc9b30 rgb(204,155,48)
```
#cca830
```
#cca830 rgb(204,168,48)
```
#ccb530
```
#ccb530 rgb(204,181,48)
```

Similar Colors

Text with hexadecimal color #cc8e30

This text has a font color of #cc8e30.

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

#cc8e30 background color

This paragraph has a background color of #cc8e30.

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

#cc8e30 border color

This element has a border color of #cc8e30.

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

CSS codes

.text {color:#cc8e30;}

.background {background-color:#cc8e30;}

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

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

#0d0903
```
#0d0903 rgb(13,9,3)
```
#1d1407
```
#1d1407 rgb(29,20,7)
```
#2d1f0b
```
#2d1f0b rgb(45,31,11)
```
#3d2b0e
```
#3d2b0e rgb(61,43,14)
```
#4d3612
```
#4d3612 rgb(77,54,18)
```
#5d4116
```
#5d4116 rgb(93,65,22)
```
#6d4c1a
```
#6d4c1a rgb(109,76,26)
```
#7d571d
```
#7d571d rgb(125,87,29)
```
#8c6221
```
#8c6221 rgb(140,98,33)
```
#9c6d25
```
#9c6d25 rgb(156,109,37)
```
#ac7829
```
#ac7829 rgb(172,120,41)
```
#bc832c
```
#bc832c rgb(188,131,44)
```
#cc8e30
```
#cc8e30 rgb(204,142,48)
```

Shade Color Variation

#d2973e
```
#d2973e rgb(210,151,62)
```
#d5a04e
```
#d5a04e rgb(213,160,78)
```
#d9a85e
```
#d9a85e rgb(217,168,94)
```
#ddb16e
```
#ddb16e rgb(221,177,110)
```
#e1b97e
```
#e1b97e rgb(225,185,126)
```
#e4c28d
```
#e4c28d rgb(228,194,141)
```
#e8ca9d
```
#e8ca9d rgb(232,202,157)
```
#ecd3ad
```
#ecd3ad rgb(236,211,173)
```
#efdbbd
```
#efdbbd rgb(239,219,189)
```
#f3e4cd
```
#f3e4cd rgb(243,228,205)
```
#f7eddd
```
#f7eddd rgb(247,237,221)
```
#fbf5ed
```
#fbf5ed rgb(251,245,237)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#7e7e7e
```
#7e7e7e rgb(126,126,126)
```
#888074
```
#888074 rgb(136,128,116)
```
#92826a
```
#92826a rgb(146,130,106)
```
#9c8460
```
#9c8460 rgb(156,132,96)
```
#a58657
```
#a58657 rgb(165,134,87)
```
#af884d
```
#af884d rgb(175,136,77)
```
#b98a43
```
#b98a43 rgb(185,138,67)
```
#c28c3a
```
#c28c3a rgb(194,140,58)
```
#cc8e30
```
#cc8e30 rgb(204,142,48)
```
#d69026
```
#d69026 rgb(214,144,38)
```
#df921d
```
#df921d rgb(223,146,29)
```
#e99413
```
#e99413 rgb(233,148,19)
```
#f39609
```
#f39609 rgb(243,150,9)
```

Tone Color Variation

Below, you can see how #cc8e30 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
#a19482 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b19f3d Protanopia 1% of men
#c59839 Deuteranopia 1% of men
#d48b94 Tritanopia 0.001% of the population

Trichromacy

#bb9938 Protanomaly 1% of men, 0.01% of women
#c79435 Deuteranomaly 6% of men, 0.4% of women
#d18c6f Tritanomaly 0.01% of the population

#cc8e30 hex color

#cc8e30 Color Information

#cc8e30 Color Conversion

Color Schemes with #cc8e30

Alternatives to #cc8e30

#cc8e30 Preview

Shades and Tints of #cc8e30

Tones of #cc8e30

Color Blindness Simulator