#cc980a hex color

In a RGB color space, hex #cc980a is composed of 80% red, 59.6% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.5% magenta, 95.1% yellow and 20% black. It has a hue angle of 43.9 degrees, a saturation of 90.7% and a lightness of 42%. #cc980a color hex could be obtained by blending #ffff14 with #993100. Closest websafe color is: #cc9900.

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

● #cc980a color description : Strong orange.

The hexadecimal color #cc980a has RGB values of R:204, G:152, B:10 and CMYK values of C:0, M:0.25, Y:0.95, K:0.2. Its decimal value is 13408266.

Hex triplet	cc980a	`#cc980a`
RGB Decimal	204, 152, 10	`rgb(204,152,10)`
RGB Percent	80, 59.6, 3.9	`rgb(80%,59.6%,3.9%)`
CMYK	0, 25, 95, 20
HSL	43.9°, 90.7, 42	`hsl(43.9,90.7%,42%)`
HSV (or HSB)	43.9°, 95.1, 80
Web Safe	cc9900	`#cc9900`

CIE-LAB	65.995, 8.956, 68.817
XYZ	36.186, 35.318, 5.198
xyY	0.472, 0.46, 35.318
CIE-LCH	65.995, 69.397, 82.585
CIE-LUV	65.995, 43.8, 67.125
Hunter-Lab	59.429, 4.687, 36.414
Binary	11001100, 10011000, 00001010

#cc980a
```
#cc980a rgb(204,152,10)
```
#0a3ecc
```
#0a3ecc rgb(10,62,204)
```

Complementary Color

#cc370a
```
#cc370a rgb(204,55,10)
```
#cc980a
```
#cc980a rgb(204,152,10)
```
#9fcc0a
```
#9fcc0a rgb(159,204,10)
```

Analogous Color

#370acc
```
#370acc rgb(55,10,204)
```
#cc980a
```
#cc980a rgb(204,152,10)
```
#0a9fcc
```
#0a9fcc rgb(10,159,204)
```

Split Complementary Color

#980acc
```
#980acc rgb(152,10,204)
```
#cc980a
```
#cc980a rgb(204,152,10)
```
#0acc98
```
#0acc98 rgb(10,204,152)
```

Triadic Color

#cc0a3e
```
#cc0a3e rgb(204,10,62)
```
#cc980a
```
#cc980a rgb(204,152,10)
```
#0acc98
```
#0acc98 rgb(10,204,152)
```
#0a3ecc
```
#0a3ecc rgb(10,62,204)
```

Tetradic Color

#836206
```
#836206 rgb(131,98,6)
```
#9b7408
```
#9b7408 rgb(155,116,8)
```
#b48609
```
#b48609 rgb(180,134,9)
```
#cc980a
```
#cc980a rgb(204,152,10)
```
#e4aa0b
```
#e4aa0b rgb(228,170,11)
```
#f4b815
```
#f4b815 rgb(244,184,21)
```
#f5bf2e
```
#f5bf2e rgb(245,191,46)
```

Monochromatic Color

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

#cc680a
```
#cc680a rgb(204,104,10)
```
#cc780a
```
#cc780a rgb(204,120,10)
```
#cc880a
```
#cc880a rgb(204,136,10)
```
#cc980a
```
#cc980a rgb(204,152,10)
```
#cca80a
```
#cca80a rgb(204,168,10)
```
#ccb80a
```
#ccb80a rgb(204,184,10)
```
#ccc90a
```
#ccc90a rgb(204,201,10)
```

Similar Colors

Text with hexadecimal color #cc980a

This text has a font color of #cc980a.

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

#cc980a background color

This paragraph has a background color of #cc980a.

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

#cc980a border color

This element has a border color of #cc980a.

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

CSS codes

.text {color:#cc980a;}

.background {background-color:#cc980a;}

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

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, #110d01 is the darkest color, while #fffefd is the lightest one.

#110d01
```
#110d01 rgb(17,13,1)
```
#241b02
```
#241b02 rgb(36,27,2)
```
#362903
```
#362903 rgb(54,41,3)
```
#493604
```
#493604 rgb(73,54,4)
```
#5c4405
```
#5c4405 rgb(92,68,5)
```
#6f5205
```
#6f5205 rgb(111,82,5)
```
#816006
```
#816006 rgb(129,96,6)
```
#946e07
```
#946e07 rgb(148,110,7)
```
#a77c08
```
#a77c08 rgb(167,124,8)
```
#b98a09
```
#b98a09 rgb(185,138,9)
```
#cc980a
```
#cc980a rgb(204,152,10)
```
#dfa60b
```
#dfa60b rgb(223,166,11)
```
#f1b40c
```
#f1b40c rgb(241,180,12)
```

Shade Color Variation

#f4ba1d
```
#f4ba1d rgb(244,186,29)
```
#f5c030
```
#f5c030 rgb(245,192,48)
```
#f6c642
```
#f6c642 rgb(246,198,66)
```
#f7cb55
```
#f7cb55 rgb(247,203,85)
```
#f8d168
```
#f8d168 rgb(248,209,104)
```
#f9d77a
```
#f9d77a rgb(249,215,122)
```
#f9dc8d
```
#f9dc8d rgb(249,220,141)
```
#fae2a0
```
#fae2a0 rgb(250,226,160)
```
#fbe8b3
```
#fbe8b3 rgb(251,232,179)
```
#fcedc5
```
#fcedc5 rgb(252,237,197)
```
#fdf3d8
```
#fdf3d8 rgb(253,243,216)
```
#fef9eb
```
#fef9eb rgb(254,249,235)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#716e65
```
#716e65 rgb(113,110,101)
```
#7a725c
```
#7a725c rgb(122,114,92)
```
#827654
```
#827654 rgb(130,118,84)
```
#8a794c
```
#8a794c rgb(138,121,76)
```
#927d44
```
#927d44 rgb(146,125,68)
```
#9b813b
```
#9b813b rgb(155,129,59)
```
#a38533
```
#a38533 rgb(163,133,51)
```
#ab892b
```
#ab892b rgb(171,137,43)
```
#b38d23
```
#b38d23 rgb(179,141,35)
```
#bc901a
```
#bc901a rgb(188,144,26)
```
#c49412
```
#c49412 rgb(196,148,18)
```
#cc980a
```
#cc980a rgb(204,152,10)
```
#d49c02
```
#d49c02 rgb(212,156,2)
```

Tone Color Variation

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

Dichromacy

#b9a519 Protanopia 1% of men
#ce9d16 Deuteranopia 1% of men
#d6929d Tritanopia 0.001% of the population

Trichromacy

#c0a014 Protanomaly 1% of men, 0.01% of women
#cd9b12 Deuteranomaly 6% of men, 0.4% of women
#d29467 Tritanomaly 0.01% of the population

#cc980a hex color

#cc980a Color Information

#cc980a Color Conversion

Color Schemes with #cc980a

Alternatives to #cc980a

#cc980a Preview

Shades and Tints of #cc980a

Tones of #cc980a

Color Blindness Simulator