#cccc76 hex color

In a RGB color space, hex #cccc76 is composed of 80% red, 80% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0% magenta, 42.2% yellow and 20% black. It has a hue angle of 60 degrees, a saturation of 45.7% and a lightness of 63.1%. #cccc76 color hex could be obtained by blending #ffffec with #999900. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 80
- G 80
- B 46
RGB color chart
- C 0
- M 0
- Y 42
- K 20
CMYK color chart

● #cccc76 color description : Slightly desaturated yellow.

The hexadecimal color #cccc76 has RGB values of R:204, G:204, B:118 and CMYK values of C:0, M:0, Y:0.42, K:0.2. Its decimal value is 13421686.

Hex triplet	cccc76	`#cccc76`
RGB Decimal	204, 204, 118	`rgb(204,204,118)`
RGB Percent	80, 80, 46.3	`rgb(80%,80%,46.3%)`
CMYK	0, 0, 42, 20
HSL	60°, 45.7, 63.1	`hsl(60,45.7%,63.1%)`
HSV (or HSB)	60°, 42.2, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	80.366, -12.378, 42.735
XYZ	49.764, 57.332, 25.583
xyY	0.375, 0.432, 57.332
CIE-LCH	80.366, 44.491, 106.153
CIE-LUV	80.366, 4.12, 57.165
Hunter-Lab	75.718, -15.19, 32.97
Binary	11001100, 11001100, 01110110

#cccc76
```
#cccc76 rgb(204,204,118)
```
#7676cc
```
#7676cc rgb(118,118,204)
```

Complementary Color

#cca176
```
#cca176 rgb(204,161,118)
```
#cccc76
```
#cccc76 rgb(204,204,118)
```
#a1cc76
```
#a1cc76 rgb(161,204,118)
```

Analogous Color

#a176cc
```
#a176cc rgb(161,118,204)
```
#cccc76
```
#cccc76 rgb(204,204,118)
```
#76a1cc
```
#76a1cc rgb(118,161,204)
```

Split Complementary Color

#cc76cc
```
#cc76cc rgb(204,118,204)
```
#cccc76
```
#cccc76 rgb(204,204,118)
```
#76cccc
```
#76cccc rgb(118,204,204)
```

Triadic Color

#cc7676
```
#cc7676 rgb(204,118,118)
```
#cccc76
```
#cccc76 rgb(204,204,118)
```
#76cccc
```
#76cccc rgb(118,204,204)
```
#7676cc
```
#7676cc rgb(118,118,204)
```

Tetradic Color

#b3b343
```
#b3b343 rgb(179,179,67)
```
#bebe51
```
#bebe51 rgb(190,190,81)
```
#c5c563
```
#c5c563 rgb(197,197,99)
```
#cccc76
```
#cccc76 rgb(204,204,118)
```
#d3d389
```
#d3d389 rgb(211,211,137)
```
#dada9b
```
#dada9b rgb(218,218,155)
```
#e1e1ae
```
#e1e1ae rgb(225,225,174)
```

Monochromatic Color

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

#ccb776
```
#ccb776 rgb(204,183,118)
```
#ccbe76
```
#ccbe76 rgb(204,190,118)
```
#ccc576
```
#ccc576 rgb(204,197,118)
```
#cccc76
```
#cccc76 rgb(204,204,118)
```
#c5cc76
```
#c5cc76 rgb(197,204,118)
```
#becc76
```
#becc76 rgb(190,204,118)
```
#b7cc76
```
#b7cc76 rgb(183,204,118)
```

Similar Colors

Text with hexadecimal color #cccc76

This text has a font color of #cccc76.

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

#cccc76 background color

This paragraph has a background color of #cccc76.

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

#cccc76 border color

This element has a border color of #cccc76.

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

CSS codes

.text {color:#cccc76;}

.background {background-color:#cccc76;}

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

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

#060602
```
#060602 rgb(6,6,2)
```
#141408
```
#141408 rgb(20,20,8)
```
#23230d
```
#23230d rgb(35,35,13)
```
#313112
```
#313112 rgb(49,49,18)
```
#3f3f17
```
#3f3f17 rgb(63,63,23)
```
#4d4d1d
```
#4d4d1d rgb(77,77,29)
```
#5c5c22
```
#5c5c22 rgb(92,92,34)
```
#6a6a27
```
#6a6a27 rgb(106,106,39)
```
#78782d
```
#78782d rgb(120,120,45)
```
#878732
```
#878732 rgb(135,135,50)
```
#959537
```
#959537 rgb(149,149,55)
```
#a3a33d
```
#a3a33d rgb(163,163,61)
```
#b1b142
```
#b1b142 rgb(177,177,66)
```

Shade Color Variation

#bcbc4b
```
#bcbc4b rgb(188,188,75)
```
#c1c159
```
#c1c159 rgb(193,193,89)
```
#c7c768
```
#c7c768 rgb(199,199,104)
```
#cccc76
```
#cccc76 rgb(204,204,118)
```
#d1d184
```
#d1d184 rgb(209,209,132)
```
#d7d793
```
#d7d793 rgb(215,215,147)
```
#dcdca1
```
#dcdca1 rgb(220,220,161)
```
#e1e1af
```
#e1e1af rgb(225,225,175)
```
#e7e7bd
```
#e7e7bd rgb(231,231,189)
```
#ececcc
```
#ececcc rgb(236,236,204)
```
#f1f1da
```
#f1f1da rgb(241,241,218)
```
#f7f7e8
```
#f7f7e8 rgb(247,247,232)
```
#fcfcf7
```
#fcfcf7 rgb(252,252,247)
```

Tint Color Variation

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

#a8a89a
```
#a8a89a rgb(168,168,154)
```
#afaf93
```
#afaf93 rgb(175,175,147)
```
#b6b68c
```
#b6b68c rgb(182,182,140)
```
#bebe84
```
#bebe84 rgb(190,190,132)
```
#c5c57d
```
#c5c57d rgb(197,197,125)
```
#cccc76
```
#cccc76 rgb(204,204,118)
```
#d3d36f
```
#d3d36f rgb(211,211,111)
```
#dada68
```
#dada68 rgb(218,218,104)
```
#e2e260
```
#e2e260 rgb(226,226,96)
```
#e9e959
```
#e9e959 rgb(233,233,89)
```
#f0f052
```
#f0f052 rgb(240,240,82)
```
#f7f74b
```
#f7f74b rgb(247,247,75)
```
#ffff43
```
#ffff43 rgb(255,255,67)
```

Tone Color Variation

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

Dichromacy

#dcca7b Protanopia 1% of men
#f2c181 Deuteranopia 1% of men
#d9c4d2 Tritanopia 0.001% of the population

Trichromacy

#d6ca79 Protanomaly 1% of men, 0.01% of women
#e4c57d Deuteranomaly 6% of men, 0.4% of women
#d4c7b0 Tritanomaly 0.01% of the population

#cccc76 hex color

#cccc76 Color Information

#cccc76 Color Conversion

Color Schemes with #cccc76

Alternatives to #cccc76

#cccc76 Preview

Shades and Tints of #cccc76

Tones of #cccc76

Color Blindness Simulator