#ccc980 hex color

In a RGB color space, hex #ccc980 is composed of 80% red, 78.8% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.5% magenta, 37.3% yellow and 20% black. It has a hue angle of 57.6 degrees, a saturation of 42.7% and a lightness of 65.1%. #ccc980 color hex could be obtained by blending #ffffff with #999301. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 80
- G 79
- B 50
RGB color chart
- C 0
- M 1
- Y 37
- K 20
CMYK color chart

● #ccc980 color description : Slightly desaturated yellow.

The hexadecimal color #ccc980 has RGB values of R:204, G:201, B:128 and CMYK values of C:0, M:0.01, Y:0.37, K:0.2. Its decimal value is 13420928.

Hex triplet	ccc980	`#ccc980`
RGB Decimal	204, 201, 128	`rgb(204,201,128)`
RGB Percent	80, 78.8, 50.2	`rgb(80%,78.8%,50.2%)`
CMYK	0, 1, 37, 20
HSL	57.6°, 42.7, 65.1	`hsl(57.6,42.7%,65.1%)`
HSV (or HSB)	57.6°, 37.3, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	79.71, -9.769, 36.865
XYZ	49.684, 56.17, 28.645
xyY	0.369, 0.418, 56.17
CIE-LCH	79.71, 38.137, 104.842
CIE-LUV	79.71, 5.526, 50.232
Hunter-Lab	74.947, -12.824, 29.801
Binary	11001100, 11001001, 10000000

#ccc980
```
#ccc980 rgb(204,201,128)
```
#8083cc
```
#8083cc rgb(128,131,204)
```

Complementary Color

#cca380
```
#cca380 rgb(204,163,128)
```
#ccc980
```
#ccc980 rgb(204,201,128)
```
#a9cc80
```
#a9cc80 rgb(169,204,128)
```

Analogous Color

#a380cc
```
#a380cc rgb(163,128,204)
```
#ccc980
```
#ccc980 rgb(204,201,128)
```
#80a9cc
```
#80a9cc rgb(128,169,204)
```

Split Complementary Color

#c980cc
```
#c980cc rgb(201,128,204)
```
#ccc980
```
#ccc980 rgb(204,201,128)
```
#80ccc9
```
#80ccc9 rgb(128,204,201)
```

Triadic Color

#cc8083
```
#cc8083 rgb(204,128,131)
```
#ccc980
```
#ccc980 rgb(204,201,128)
```
#80ccc9
```
#80ccc9 rgb(128,204,201)
```
#8083cc
```
#8083cc rgb(128,131,204)
```

Tetradic Color

#b6b249
```
#b6b249 rgb(182,178,73)
```
#bdba5c
```
#bdba5c rgb(189,186,92)
```
#c5c16e
```
#c5c16e rgb(197,193,110)
```
#ccc980
```
#ccc980 rgb(204,201,128)
```
#d3d192
```
#d3d192 rgb(211,209,146)
```
#dbd8a4
```
#dbd8a4 rgb(219,216,164)
```
#e2e0b7
```
#e2e0b7 rgb(226,224,183)
```

Monochromatic Color

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

#ccb680
```
#ccb680 rgb(204,182,128)
```
#ccbc80
```
#ccbc80 rgb(204,188,128)
```
#ccc380
```
#ccc380 rgb(204,195,128)
```
#ccc980
```
#ccc980 rgb(204,201,128)
```
#c9cc80
```
#c9cc80 rgb(201,204,128)
```
#c2cc80
```
#c2cc80 rgb(194,204,128)
```
#bccc80
```
#bccc80 rgb(188,204,128)
```

Similar Colors

Text with hexadecimal color #ccc980

This text has a font color of #ccc980.

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

#ccc980 background color

This paragraph has a background color of #ccc980.

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

#ccc980 border color

This element has a border color of #ccc980.

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

CSS codes

.text {color:#ccc980;}

.background {background-color:#ccc980;}

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

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

#0d0d05
```
#0d0d05 rgb(13,13,5)
```
#1b1a0b
```
#1b1a0b rgb(27,26,11)
```
#292810
```
#292810 rgb(41,40,16)
```
#373616
```
#373616 rgb(55,54,22)
```
#45431c
```
#45431c rgb(69,67,28)
```
#535121
```
#535121 rgb(83,81,33)
```
#615f27
```
#615f27 rgb(97,95,39)
```
#6f6c2d
```
#6f6c2d rgb(111,108,45)
```
#7d7a32
```
#7d7a32 rgb(125,122,50)
```
#8b8838
```
#8b8838 rgb(139,136,56)
```
#99953d
```
#99953d rgb(153,149,61)
```
#a7a343
```
#a7a343 rgb(167,163,67)
```
#b5b149
```
#b5b149 rgb(181,177,73)
```

Shade Color Variation

#bbb756
```
#bbb756 rgb(187,183,86)
```
#c1bd64
```
#c1bd64 rgb(193,189,100)
```
#c6c372
```
#c6c372 rgb(198,195,114)
```
#ccc980
```
#ccc980 rgb(204,201,128)
```
#d2cf8e
```
#d2cf8e rgb(210,207,142)
```
#d7d59c
```
#d7d59c rgb(215,213,156)
```
#dddbaa
```
#dddbaa rgb(221,219,170)
```
#e2e1b8
```
#e2e1b8 rgb(226,225,184)
```
#e8e7c6
```
#e8e7c6 rgb(232,231,198)
```
#eeedd4
```
#eeedd4 rgb(238,237,212)
```
#f3f3e2
```
#f3f3e2 rgb(243,243,226)
```
#f9f9f0
```
#f9f9f0 rgb(249,249,240)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#aaa9a2
```
#aaa9a2 rgb(170,169,162)
```
#b1b09b
```
#b1b09b rgb(177,176,155)
```
#b7b695
```
#b7b695 rgb(183,182,149)
```
#bebc8e
```
#bebc8e rgb(190,188,142)
```
#c5c387
```
#c5c387 rgb(197,195,135)
```
#ccc980
```
#ccc980 rgb(204,201,128)
```
#d3cf79
```
#d3cf79 rgb(211,207,121)
```
#dad672
```
#dad672 rgb(218,214,114)
```
#e1dc6b
```
#e1dc6b rgb(225,220,107)
```
#e7e265
```
#e7e265 rgb(231,226,101)
```
#eee95e
```
#eee95e rgb(238,233,94)
```
#f5ef57
```
#f5ef57 rgb(245,239,87)
```
#fcf550
```
#fcf550 rgb(252,245,80)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#c4c3b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9c885 Protanopia 1% of men
#eec08a Deuteranopia 1% of men
#d8c2d0 Tritanopia 0.001% of the population

Trichromacy

#d4c883 Protanomaly 1% of men, 0.01% of women
#e2c386 Deuteranomaly 6% of men, 0.4% of women
#d3c4b3 Tritanomaly 0.01% of the population

#ccc980 hex color

#ccc980 Color Information

#ccc980 Color Conversion

Color Schemes with #ccc980

Alternatives to #ccc980

#ccc980 Preview

Shades and Tints of #ccc980

Tones of #ccc980

Color Blindness Simulator