#ccc64d hex color

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

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

● #ccc64d color description : Moderate yellow.

The hexadecimal color #ccc64d has RGB values of R:204, G:198, B:77 and CMYK values of C:0, M:0.03, Y:0.62, K:0.2. Its decimal value is 13420109.

Hex triplet	ccc64d	`#ccc64d`
RGB Decimal	204, 198, 77	`rgb(204,198,77)`
RGB Percent	80, 77.6, 30.2	`rgb(80%,77.6%,30.2%)`
CMYK	0, 3, 62, 20
HSL	57.2°, 55.5, 55.1	`hsl(57.2,55.5%,55.1%)`
HSV (or HSB)	57.2°, 62.3, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	78.323, -12.766, 59.443
XYZ	46.435, 53.762, 14.952
xyY	0.403, 0.467, 53.762
CIE-LCH	78.323, 60.798, 102.121
CIE-LUV	78.323, 9.228, 71.934
Hunter-Lab	73.323, -15.27, 39.236
Binary	11001100, 11000110, 01001101

#ccc64d
```
#ccc64d rgb(204,198,77)
```
#4d53cc
```
#4d53cc rgb(77,83,204)
```

Complementary Color

#cc874d
```
#cc874d rgb(204,135,77)
```
#ccc64d
```
#ccc64d rgb(204,198,77)
```
#93cc4d
```
#93cc4d rgb(147,204,77)
```

Analogous Color

#874dcc
```
#874dcc rgb(135,77,204)
```
#ccc64d
```
#ccc64d rgb(204,198,77)
```
#4d93cc
```
#4d93cc rgb(77,147,204)
```

Split Complementary Color

#c64dcc
```
#c64dcc rgb(198,77,204)
```
#ccc64d
```
#ccc64d rgb(204,198,77)
```
#4dccc6
```
#4dccc6 rgb(77,204,198)
```

Triadic Color

#cc4d53
```
#cc4d53 rgb(204,77,83)
```
#ccc64d
```
#ccc64d rgb(204,198,77)
```
#4dccc6
```
#4dccc6 rgb(77,204,198)
```
#4d53cc
```
#4d53cc rgb(77,83,204)
```

Tetradic Color

#9f9a2e
```
#9f9a2e rgb(159,154,46)
```
#b3ad33
```
#b3ad33 rgb(179,173,51)
```
#c6c039
```
#c6c039 rgb(198,192,57)
```
#ccc64d
```
#ccc64d rgb(204,198,77)
```
#d2cc61
```
#d2cc61 rgb(210,204,97)
```
#d7d375
```
#d7d375 rgb(215,211,117)
```
#ddd988
```
#ddd988 rgb(221,217,136)
```

Monochromatic Color

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

#cca64d
```
#cca64d rgb(204,166,77)
```
#ccb14d
```
#ccb14d rgb(204,177,77)
```
#ccbb4d
```
#ccbb4d rgb(204,187,77)
```
#ccc64d
```
#ccc64d rgb(204,198,77)
```
#c7cc4d
```
#c7cc4d rgb(199,204,77)
```
#bdcc4d
```
#bdcc4d rgb(189,204,77)
```
#b2cc4d
```
#b2cc4d rgb(178,204,77)
```

Similar Colors

Text with hexadecimal color #ccc64d

This text has a font color of #ccc64d.

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

#ccc64d background color

This paragraph has a background color of #ccc64d.

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

#ccc64d border color

This element has a border color of #ccc64d.

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

CSS codes

.text {color:#ccc64d;}

.background {background-color:#ccc64d;}

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

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

#050501
```
#050501 rgb(5,5,1)
```
#141406
```
#141406 rgb(20,20,6)
```
#23220a
```
#23220a rgb(35,34,10)
```
#33310f
```
#33310f rgb(51,49,15)
```
#424013
```
#424013 rgb(66,64,19)
```
#514e17
```
#514e17 rgb(81,78,23)
```
#605d1c
```
#605d1c rgb(96,93,28)
```
#706c20
```
#706c20 rgb(112,108,32)
```
#7f7b24
```
#7f7b24 rgb(127,123,36)
```
#8e8929
```
#8e8929 rgb(142,137,41)
```
#9d982d
```
#9d982d rgb(157,152,45)
```
#ada731
```
#ada731 rgb(173,167,49)
```
#bcb636
```
#bcb636 rgb(188,182,54)
```

Shade Color Variation

#c8c13e
```
#c8c13e rgb(200,193,62)
```
#ccc64d
```
#ccc64d rgb(204,198,77)
```
#d0cb5c
```
#d0cb5c rgb(208,203,92)
```
#d5d06b
```
#d5d06b rgb(213,208,107)
```
#d9d57b
```
#d9d57b rgb(217,213,123)
```
#ddda8a
```
#ddda8a rgb(221,218,138)
```
#e2de99
```
#e2de99 rgb(226,222,153)
```
#e6e3a8
```
#e6e3a8 rgb(230,227,168)
```
#ebe8b8
```
#ebe8b8 rgb(235,232,184)
```
#efedc7
```
#efedc7 rgb(239,237,199)
```
#f3f2d6
```
#f3f2d6 rgb(243,242,214)
```
#f8f7e5
```
#f8f7e5 rgb(248,247,229)
```
#fcfcf5
```
#fcfcf5 rgb(252,252,245)
```

Tint Color Variation

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

#8e8e8b
```
#8e8e8b rgb(142,142,139)
```
#979682
```
#979682 rgb(151,150,130)
```
#a09e79
```
#a09e79 rgb(160,158,121)
```
#a9a670
```
#a9a670 rgb(169,166,112)
```
#b2ae67
```
#b2ae67 rgb(178,174,103)
```
#bab65f
```
#bab65f rgb(186,182,95)
```
#c3be56
```
#c3be56 rgb(195,190,86)
```
#ccc64d
```
#ccc64d rgb(204,198,77)
```
#d5ce44
```
#d5ce44 rgb(213,206,68)
```
#ded63b
```
#ded63b rgb(222,214,59)
```
#e6de33
```
#e6de33 rgb(230,222,51)
```
#efe62a
```
#efe62a rgb(239,230,42)
```
#f8ee21
```
#f8ee21 rgb(248,238,33)
```

Tone Color Variation

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

Dichromacy

#dac555 Protanopia 1% of men
#f1bb5b Deuteranopia 1% of men
#dabdca Tritanopia 0.001% of the population

Trichromacy

#d5c552 Protanomaly 1% of men, 0.01% of women
#e4bf56 Deuteranomaly 6% of men, 0.4% of women
#d5c09c Tritanomaly 0.01% of the population

#ccc64d hex color

#ccc64d Color Information

#ccc64d Color Conversion

Color Schemes with #ccc64d

Alternatives to #ccc64d

#ccc64d Preview

Shades and Tints of #ccc64d

Tones of #ccc64d

Color Blindness Simulator