#cccc66 hex color (#cc6)

In a RGB color space, hex #cccc66 is composed of 80% red, 80% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0% magenta, 50% yellow and 20% black. It has a hue angle of 60 degrees, a saturation of 50% and a lightness of 60%. #cccc66 color hex could be obtained by blending #ffffcc with #999900. #cccc66 (or #cc6) is a websafe color.

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

● #cccc66 color description : Moderate yellow.

The hexadecimal color #cccc66 has RGB values of R:204, G:204, B:102 and CMYK values of C:0, M:0, Y:0.5, K:0.2. Its decimal value is 13421670.

Hex triplet	cccc66	`#cccc66`
RGB Decimal	204, 204, 102	`rgb(204,204,102)`
RGB Percent	80, 80, 40	`rgb(80%,80%,40%)`
CMYK	0, 0, 50, 20
HSL	60°, 50, 60	`hsl(60,50%,60%)`
HSV (or HSB)	60°, 50, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	80.17, -13.901, 50.27
XYZ	48.893, 56.983, 20.993
xyY	0.385, 0.449, 56.983
CIE-LCH	80.17, 52.156, 105.457
CIE-LUV	80.17, 4.674, 64.849
Hunter-Lab	75.487, -16.489, 36.352
Binary	11001100, 11001100, 01100110

#cccc66
```
#cccc66 rgb(204,204,102)
```
#6666cc
```
#6666cc rgb(102,102,204)
```

Complementary Color

#cc9966
```
#cc9966 rgb(204,153,102)
```
#cccc66
```
#cccc66 rgb(204,204,102)
```
#99cc66
```
#99cc66 rgb(153,204,102)
```

Analogous Color

#9966cc
```
#9966cc rgb(153,102,204)
```
#cccc66
```
#cccc66 rgb(204,204,102)
```
#6699cc
```
#6699cc rgb(102,153,204)
```

Split Complementary Color

#cc66cc
```
#cc66cc rgb(204,102,204)
```
#cccc66
```
#cccc66 rgb(204,204,102)
```
#66cccc
```
#66cccc rgb(102,204,204)
```

Triadic Color

#cc6666
```
#cc6666 rgb(204,102,102)
```
#cccc66
```
#cccc66 rgb(204,204,102)
```
#66cccc
```
#66cccc rgb(102,204,204)
```
#6666cc
```
#6666cc rgb(102,102,204)
```

Tetradic Color

#acac39
```
#acac39 rgb(172,172,57)
```
#bfbf40
```
#bfbf40 rgb(191,191,64)
```
#c6c653
```
#c6c653 rgb(198,198,83)
```
#cccc66
```
#cccc66 rgb(204,204,102)
```
#d2d279
```
#d2d279 rgb(210,210,121)
```
#d9d98c
```
#d9d98c rgb(217,217,140)
```
#dfdf9f
```
#dfdf9f rgb(223,223,159)
```

Monochromatic Color

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

#ccb366
```
#ccb366 rgb(204,179,102)
```
#ccbb66
```
#ccbb66 rgb(204,187,102)
```
#ccc466
```
#ccc466 rgb(204,196,102)
```
#cccc66
```
#cccc66 rgb(204,204,102)
```
#c4cc66
```
#c4cc66 rgb(196,204,102)
```
#bbcc66
```
#bbcc66 rgb(187,204,102)
```
#b3cc66
```
#b3cc66 rgb(179,204,102)
```

Similar Colors

Text with hexadecimal color #cccc66

This text has a font color of #cccc66.

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

#cccc66 background color

This paragraph has a background color of #cccc66.

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

#cccc66 border color

This element has a border color of #cccc66.

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

CSS codes

.text {color:#cccc66;}

.background {background-color:#cccc66;}

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

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

#090903
```
#090903 rgb(9,9,3)
```
#181808
```
#181808 rgb(24,24,8)
```
#26260d
```
#26260d rgb(38,38,13)
```
#353512
```
#353512 rgb(53,53,18)
```
#444417
```
#444417 rgb(68,68,23)
```
#52521b
```
#52521b rgb(82,82,27)
```
#616120
```
#616120 rgb(97,97,32)
```
#707025
```
#707025 rgb(112,112,37)
```
#7f7f2a
```
#7f7f2a rgb(127,127,42)
```
#8d8d2f
```
#8d8d2f rgb(141,141,47)
```
#9c9c34
```
#9c9c34 rgb(156,156,52)
```
#abab39
```
#abab39 rgb(171,171,57)
```
#b9b93e
```
#b9b93e rgb(185,185,62)
```

Shade Color Variation

#c2c249
```
#c2c249 rgb(194,194,73)
```
#c7c757
```
#c7c757 rgb(199,199,87)
```
#cccc66
```
#cccc66 rgb(204,204,102)
```
#d1d175
```
#d1d175 rgb(209,209,117)
```
#d6d683
```
#d6d683 rgb(214,214,131)
```
#dbdb92
```
#dbdb92 rgb(219,219,146)
```
#e0e0a1
```
#e0e0a1 rgb(224,224,161)
```
#e5e5b0
```
#e5e5b0 rgb(229,229,176)
```
#e9e9be
```
#e9e9be rgb(233,233,190)
```
#eeeecd
```
#eeeecd rgb(238,238,205)
```
#f3f3dc
```
#f3f3dc rgb(243,243,220)
```
#f8f8ea
```
#f8f8ea rgb(248,248,234)
```
#fdfdf9
```
#fdfdf9 rgb(253,253,249)
```

Tint Color Variation

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

#9d9d95
```
#9d9d95 rgb(157,157,149)
```
#a5a58d
```
#a5a58d rgb(165,165,141)
```
#adad85
```
#adad85 rgb(173,173,133)
```
#b4b47e
```
#b4b47e rgb(180,180,126)
```
#bcbc76
```
#bcbc76 rgb(188,188,118)
```
#c4c46e
```
#c4c46e rgb(196,196,110)
```
#cccc66
```
#cccc66 rgb(204,204,102)
```
#d4d45e
```
#d4d45e rgb(212,212,94)
```
#dcdc56
```
#dcdc56 rgb(220,220,86)
```
#e4e44e
```
#e4e44e rgb(228,228,78)
```
#ebeb47
```
#ebeb47 rgb(235,235,71)
```
#f3f33f
```
#f3f33f rgb(243,243,63)
```
#fbfb37
```
#fbfb37 rgb(251,251,55)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#c2c2ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddc96c Protanopia 1% of men
#f4c072 Deuteranopia 1% of men
#dac3d1 Tritanopia 0.001% of the population

Trichromacy

#d7ca6a Protanomaly 1% of men, 0.01% of women
#e5c46e Deuteranomaly 6% of men, 0.4% of women
#d5c6aa Tritanomaly 0.01% of the population

#cccc66 hex color

#cccc66 Color Information

#cccc66 Color Conversion

Color Schemes with #cccc66

Alternatives to #cccc66

#cccc66 Preview

Shades and Tints of #cccc66

Tones of #cccc66

Color Blindness Simulator