#ccc64f hex color

In a RGB color space, hex #ccc64f is composed of 80% red, 77.6% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.9% magenta, 61.3% yellow and 20% black. It has a hue angle of 57.1 degrees, a saturation of 55.1% and a lightness of 55.5%. #ccc64f color hex could be obtained by blending #ffff9e with #998d00. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 80
- G 78
- B 31
RGB color chart
- C 0
- M 3
- Y 61
- K 20
CMYK color chart

● #ccc64f color description : Moderate yellow.

The hexadecimal color #ccc64f has RGB values of R:204, G:198, B:79 and CMYK values of C:0, M:0.03, Y:0.61, K:0.2. Its decimal value is 13420111.

Hex triplet	ccc64f	`#ccc64f`
RGB Decimal	204, 198, 79	`rgb(204,198,79)`
RGB Percent	80, 77.6, 31	`rgb(80%,77.6%,31%)`
CMYK	0, 3, 61, 20
HSL	57.1°, 55.1, 55.5	`hsl(57.1,55.1%,55.5%)`
HSV (or HSB)	57.1°, 61.3, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	78.34, -12.636, 58.61
XYZ	46.507, 53.791, 15.33
xyY	0.402, 0.465, 53.791
CIE-LCH	78.34, 59.956, 102.166
CIE-LUV	78.34, 9.172, 71.244
Hunter-Lab	73.342, -15.16, 38.947
Binary	11001100, 11000110, 01001111

#ccc64f
```
#ccc64f rgb(204,198,79)
```
#4f55cc
```
#4f55cc rgb(79,85,204)
```

Complementary Color

#cc884f
```
#cc884f rgb(204,136,79)
```
#ccc64f
```
#ccc64f rgb(204,198,79)
```
#94cc4f
```
#94cc4f rgb(148,204,79)
```

Analogous Color

#884fcc
```
#884fcc rgb(136,79,204)
```
#ccc64f
```
#ccc64f rgb(204,198,79)
```
#4f94cc
```
#4f94cc rgb(79,148,204)
```

Split Complementary Color

#c64fcc
```
#c64fcc rgb(198,79,204)
```
#ccc64f
```
#ccc64f rgb(204,198,79)
```
#4fccc6
```
#4fccc6 rgb(79,204,198)
```

Triadic Color

#cc4f55
```
#cc4f55 rgb(204,79,85)
```
#ccc64f
```
#ccc64f rgb(204,198,79)
```
#4fccc6
```
#4fccc6 rgb(79,204,198)
```
#4f55cc
```
#4f55cc rgb(79,85,204)
```

Tetradic Color

#a09b2e
```
#a09b2e rgb(160,155,46)
```
#b4ae34
```
#b4ae34 rgb(180,174,52)
```
#c6c03b
```
#c6c03b rgb(198,192,59)
```
#ccc64f
```
#ccc64f rgb(204,198,79)
```
#d2cc63
```
#d2cc63 rgb(210,204,99)
```
#d7d377
```
#d7d377 rgb(215,211,119)
```
#ddd98a
```
#ddd98a rgb(221,217,138)
```

Monochromatic Color

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

#cca74f
```
#cca74f rgb(204,167,79)
```
#ccb14f
```
#ccb14f rgb(204,177,79)
```
#ccbc4f
```
#ccbc4f rgb(204,188,79)
```
#ccc64f
```
#ccc64f rgb(204,198,79)
```
#c8cc4f
```
#c8cc4f rgb(200,204,79)
```
#bdcc4f
```
#bdcc4f rgb(189,204,79)
```
#b3cc4f
```
#b3cc4f rgb(179,204,79)
```

Similar Colors

Text with hexadecimal color #ccc64f

This text has a font color of #ccc64f.

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

#ccc64f background color

This paragraph has a background color of #ccc64f.

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

#ccc64f border color

This element has a border color of #ccc64f.

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

CSS codes

.text {color:#ccc64f;}

.background {background-color:#ccc64f;}

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

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

#070602
```
#070602 rgb(7,6,2)
```
#161506
```
#161506 rgb(22,21,6)
```
#25240b
```
#25240b rgb(37,36,11)
```
#34320f
```
#34320f rgb(52,50,15)
```
#434114
```
#434114 rgb(67,65,20)
```
#535018
```
#535018 rgb(83,80,24)
```
#625e1c
```
#625e1c rgb(98,94,28)
```
#716d21
```
#716d21 rgb(113,109,33)
```
#807c25
```
#807c25 rgb(128,124,37)
```
#8f8a2a
```
#8f8a2a rgb(143,138,42)
```
#9f992e
```
#9f992e rgb(159,153,46)
```
#aea832
```
#aea832 rgb(174,168,50)
```
#bdb737
```
#bdb737 rgb(189,183,55)
```

Shade Color Variation

#c8c140
```
#c8c140 rgb(200,193,64)
```
#ccc64f
```
#ccc64f rgb(204,198,79)
```
#d0cb5e
```
#d0cb5e rgb(208,203,94)
```
#d5d06d
```
#d5d06d rgb(213,208,109)
```
#d9d57d
```
#d9d57d rgb(217,213,125)
```
#deda8c
```
#deda8c rgb(222,218,140)
```
#e2df9b
```
#e2df9b rgb(226,223,155)
```
#e6e4aa
```
#e6e4aa rgb(230,228,170)
```
#ebe8b9
```
#ebe8b9 rgb(235,232,185)
```
#efedc9
```
#efedc9 rgb(239,237,201)
```
#f4f2d8
```
#f4f2d8 rgb(244,242,216)
```
#f8f7e7
```
#f8f7e7 rgb(248,247,231)
```
#fcfcf6
```
#fcfcf6 rgb(252,252,246)
```

Tint Color Variation

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

#8f8f8c
```
#8f8f8c rgb(143,143,140)
```
#989783
```
#989783 rgb(152,151,131)
```
#a09f7b
```
#a09f7b rgb(160,159,123)
```
#a9a672
```
#a9a672 rgb(169,166,114)
```
#b2ae69
```
#b2ae69 rgb(178,174,105)
```
#bbb660
```
#bbb660 rgb(187,182,96)
```
#c3be58
```
#c3be58 rgb(195,190,88)
```
#ccc64f
```
#ccc64f rgb(204,198,79)
```
#d5ce46
```
#d5ce46 rgb(213,206,70)
```
#ddd63e
```
#ddd63e rgb(221,214,62)
```
#e6de35
```
#e6de35 rgb(230,222,53)
```
#efe62c
```
#efe62c rgb(239,230,44)
```
#f8ed23
```
#f8ed23 rgb(248,237,35)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#bebca5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dac557 Protanopia 1% of men
#f1bc5d Deuteranopia 1% of men
#dabdca Tritanopia 0.001% of the population

Trichromacy

#d5c554 Protanomaly 1% of men, 0.01% of women
#e4bf57 Deuteranomaly 6% of men, 0.4% of women
#d5c09d Tritanomaly 0.01% of the population

#ccc64f hex color

#ccc64f Color Information

#ccc64f Color Conversion

Color Schemes with #ccc64f

Alternatives to #ccc64f

#ccc64f Preview

Shades and Tints of #ccc64f

Tones of #ccc64f

Color Blindness Simulator