#ccc564 hex color

In a RGB color space, hex #ccc564 is composed of 80% red, 77.3% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.4% magenta, 51% yellow and 20% black. It has a hue angle of 56 degrees, a saturation of 50.5% and a lightness of 59.6%. #ccc564 color hex could be obtained by blending #ffffc8 with #998b00. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 80
- G 77
- B 39
RGB color chart
- C 0
- M 3
- Y 51
- K 20
CMYK color chart

● #ccc564 color description : Moderate yellow.

The hexadecimal color #ccc564 has RGB values of R:204, G:197, B:100 and CMYK values of C:0, M:0.03, Y:0.51, K:0.2. Its decimal value is 13419876.

Hex triplet	ccc564	`#ccc564`
RGB Decimal	204, 197, 100	`rgb(204,197,100)`
RGB Percent	80, 77.3, 39.2	`rgb(80%,77.3%,39.2%)`
CMYK	0, 3, 51, 20
HSL	56°, 50.5, 59.6	`hsl(56,50.5%,59.6%)`
HSV (or HSB)	56°, 51, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	78.281, -10.525, 48.988
XYZ	47.168, 53.691, 19.935
xyY	0.39, 0.444, 53.691
CIE-LCH	78.281, 50.106, 102.126
CIE-LUV	78.281, 9.12, 62.396
Hunter-Lab	73.274, -13.325, 35.162
Binary	11001100, 11000101, 01100100

#ccc564
```
#ccc564 rgb(204,197,100)
```
#646bcc
```
#646bcc rgb(100,107,204)
```

Complementary Color

#cc9164
```
#cc9164 rgb(204,145,100)
```
#ccc564
```
#ccc564 rgb(204,197,100)
```
#9fcc64
```
#9fcc64 rgb(159,204,100)
```

Analogous Color

#9164cc
```
#9164cc rgb(145,100,204)
```
#ccc564
```
#ccc564 rgb(204,197,100)
```
#649fcc
```
#649fcc rgb(100,159,204)
```

Split Complementary Color

#c564cc
```
#c564cc rgb(197,100,204)
```
#ccc564
```
#ccc564 rgb(204,197,100)
```
#64ccc5
```
#64ccc5 rgb(100,204,197)
```

Triadic Color

#cc646b
```
#cc646b rgb(204,100,107)
```
#ccc564
```
#ccc564 rgb(204,197,100)
```
#64ccc5
```
#64ccc5 rgb(100,204,197)
```
#646bcc
```
#646bcc rgb(100,107,204)
```

Tetradic Color

#aba338
```
#aba338 rgb(171,163,56)
```
#beb63f
```
#beb63f rgb(190,182,63)
```
#c6be51
```
#c6be51 rgb(198,190,81)
```
#ccc564
```
#ccc564 rgb(204,197,100)
```
#d2cc77
```
#d2cc77 rgb(210,204,119)
```
#d9d38a
```
#d9d38a rgb(217,211,138)
```
#dfdb9e
```
#dfdb9e rgb(223,219,158)
```

Monochromatic Color

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

#ccab64
```
#ccab64 rgb(204,171,100)
```
#ccb464
```
#ccb464 rgb(204,180,100)
```
#ccbc64
```
#ccbc64 rgb(204,188,100)
```
#ccc564
```
#ccc564 rgb(204,197,100)
```
#cacc64
```
#cacc64 rgb(202,204,100)
```
#c2cc64
```
#c2cc64 rgb(194,204,100)
```
#b9cc64
```
#b9cc64 rgb(185,204,100)
```

Similar Colors

Text with hexadecimal color #ccc564

This text has a font color of #ccc564.

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

#ccc564 background color

This paragraph has a background color of #ccc564.

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

#ccc564 border color

This element has a border color of #ccc564.

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

CSS codes

.text {color:#ccc564;}

.background {background-color:#ccc564;}

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

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

#070702
```
#070702 rgb(7,7,2)
```
#161507
```
#161507 rgb(22,21,7)
```
#25230c
```
#25230c rgb(37,35,12)
```
#343111
```
#343111 rgb(52,49,17)
```
#423f16
```
#423f16 rgb(66,63,22)
```
#514d1b
```
#514d1b rgb(81,77,27)
```
#605c20
```
#605c20 rgb(96,92,32)
```
#6f6a24
```
#6f6a24 rgb(111,106,36)
```
#7d7829
```
#7d7829 rgb(125,120,41)
```
#8c862e
```
#8c862e rgb(140,134,46)
```
#9b9433
```
#9b9433 rgb(155,148,51)
```
#aaa238
```
#aaa238 rgb(170,162,56)
```
#b8b03d
```
#b8b03d rgb(184,176,61)
```

Shade Color Variation

#c2ba46
```
#c2ba46 rgb(194,186,70)
```
#c7bf55
```
#c7bf55 rgb(199,191,85)
```
#ccc564
```
#ccc564 rgb(204,197,100)
```
#d1cb73
```
#d1cb73 rgb(209,203,115)
```
#d6d082
```
#d6d082 rgb(214,208,130)
```
#dbd690
```
#dbd690 rgb(219,214,144)
```
#dfdb9f
```
#dfdb9f rgb(223,219,159)
```
#e4e1ae
```
#e4e1ae rgb(228,225,174)
```
#e9e6bd
```
#e9e6bd rgb(233,230,189)
```
#eeeccb
```
#eeeccb rgb(238,236,203)
```
#f3f1da
```
#f3f1da rgb(243,241,218)
```
#f8f7e9
```
#f8f7e9 rgb(248,247,233)
```
#fdfcf8
```
#fdfcf8 rgb(253,252,248)
```

Tint Color Variation

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

#9c9c94
```
#9c9c94 rgb(156,156,148)
```
#a4a38c
```
#a4a38c rgb(164,163,140)
```
#acaa84
```
#acaa84 rgb(172,170,132)
```
#b4b07c
```
#b4b07c rgb(180,176,124)
```
#bcb774
```
#bcb774 rgb(188,183,116)
```
#c4be6c
```
#c4be6c rgb(196,190,108)
```
#ccc564
```
#ccc564 rgb(204,197,100)
```
#d4cc5c
```
#d4cc5c rgb(212,204,92)
```
#dcd354
```
#dcd354 rgb(220,211,84)
```
#e4da4c
```
#e4da4c rgb(228,218,76)
```
#ece044
```
#ece044 rgb(236,224,68)
```
#f4e73c
```
#f4e73c rgb(244,231,60)
```
#fcee34
```
#fcee34 rgb(252,238,52)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#bfbeaa Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8c46b Protanopia 1% of men
#eebc6f Deuteranopia 1% of men
#d9bdca Tritanopia 0.001% of the population

Trichromacy

#d3c468 Protanomaly 1% of men, 0.01% of women
#e2bf6b Deuteranomaly 6% of men, 0.4% of women
#d4c0a5 Tritanomaly 0.01% of the population

#ccc564 hex color

#ccc564 Color Information

#ccc564 Color Conversion

Color Schemes with #ccc564

Alternatives to #ccc564

#ccc564 Preview

Shades and Tints of #ccc564

Tones of #ccc564

Color Blindness Simulator