#ccb64d hex color

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

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

● #ccb64d color description : Moderate yellow.

The hexadecimal color #ccb64d has RGB values of R:204, G:182, B:77 and CMYK values of C:0, M:0.11, Y:0.62, K:0.2. Its decimal value is 13416013.

Hex triplet	ccb64d	`#ccb64d`
RGB Decimal	204, 182, 77	`rgb(204,182,77)`
RGB Percent	80, 71.4, 30.2	`rgb(80%,71.4%,30.2%)`
CMYK	0, 11, 62, 20
HSL	49.6°, 55.5, 55.1	`hsl(49.6,55.5%,55.1%)`
HSV (or HSB)	49.6°, 62.3, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	74.081, -4.535, 54.858
XYZ	42.97, 46.83, 13.797
xyY	0.415, 0.452, 46.83
CIE-LCH	74.081, 55.045, 94.725
CIE-LUV	74.081, 19.847, 64.846
Hunter-Lab	68.433, -7.676, 35.95
Binary	11001100, 10110110, 01001101

#ccb64d
```
#ccb64d rgb(204,182,77)
```
#4d63cc
```
#4d63cc rgb(77,99,204)
```

Complementary Color

#cc774d
```
#cc774d rgb(204,119,77)
```
#ccb64d
```
#ccb64d rgb(204,182,77)
```
#a3cc4d
```
#a3cc4d rgb(163,204,77)
```

Analogous Color

#774dcc
```
#774dcc rgb(119,77,204)
```
#ccb64d
```
#ccb64d rgb(204,182,77)
```
#4da3cc
```
#4da3cc rgb(77,163,204)
```

Split Complementary Color

#b64dcc
```
#b64dcc rgb(182,77,204)
```
#ccb64d
```
#ccb64d rgb(204,182,77)
```
#4dccb6
```
#4dccb6 rgb(77,204,182)
```

Triadic Color

#cc4d63
```
#cc4d63 rgb(204,77,99)
```
#ccb64d
```
#ccb64d rgb(204,182,77)
```
#4dccb6
```
#4dccb6 rgb(77,204,182)
```
#4d63cc
```
#4d63cc rgb(77,99,204)
```

Tetradic Color

#9f8b2e
```
#9f8b2e rgb(159,139,46)
```
#b39d33
```
#b39d33 rgb(179,157,51)
```
#c6ae39
```
#c6ae39 rgb(198,174,57)
```
#ccb64d
```
#ccb64d rgb(204,182,77)
```
#d2be61
```
#d2be61 rgb(210,190,97)
```
#d7c675
```
#d7c675 rgb(215,198,117)
```
#ddce88
```
#ddce88 rgb(221,206,136)
```

Monochromatic Color

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

#cc964d
```
#cc964d rgb(204,150,77)
```
#cca14d
```
#cca14d rgb(204,161,77)
```
#ccab4d
```
#ccab4d rgb(204,171,77)
```
#ccb64d
```
#ccb64d rgb(204,182,77)
```
#ccc14d
```
#ccc14d rgb(204,193,77)
```
#cccb4d
```
#cccb4d rgb(204,203,77)
```
#c2cc4d
```
#c2cc4d rgb(194,204,77)
```

Similar Colors

Text with hexadecimal color #ccb64d

This text has a font color of #ccb64d.

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

#ccb64d background color

This paragraph has a background color of #ccb64d.

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

#ccb64d border color

This element has a border color of #ccb64d.

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

CSS codes

.text {color:#ccb64d;}

.background {background-color:#ccb64d;}

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

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

#050401
```
#050401 rgb(5,4,1)
```
#141206
```
#141206 rgb(20,18,6)
```
#231f0a
```
#231f0a rgb(35,31,10)
```
#332c0f
```
#332c0f rgb(51,44,15)
```
#423a13
```
#423a13 rgb(66,58,19)
```
#514717
```
#514717 rgb(81,71,23)
```
#60551c
```
#60551c rgb(96,85,28)
```
#706220
```
#706220 rgb(112,98,32)
```
#7f6f24
```
#7f6f24 rgb(127,111,36)
```
#8e7d29
```
#8e7d29 rgb(142,125,41)
```
#9d8a2d
```
#9d8a2d rgb(157,138,45)
```
#ad9731
```
#ad9731 rgb(173,151,49)
```
#bca536
```
#bca536 rgb(188,165,54)
```

Shade Color Variation

#c8b03e
```
#c8b03e rgb(200,176,62)
```
#ccb64d
```
#ccb64d rgb(204,182,77)
```
#d0bc5c
```
#d0bc5c rgb(208,188,92)
```
#d5c36b
```
#d5c36b rgb(213,195,107)
```
#d9c97b
```
#d9c97b rgb(217,201,123)
```
#ddcf8a
```
#ddcf8a rgb(221,207,138)
```
#e2d599
```
#e2d599 rgb(226,213,153)
```
#e6dca8
```
#e6dca8 rgb(230,220,168)
```
#ebe2b8
```
#ebe2b8 rgb(235,226,184)
```
#efe8c7
```
#efe8c7 rgb(239,232,199)
```
#f3eed6
```
#f3eed6 rgb(243,238,214)
```
#f8f5e5
```
#f8f5e5 rgb(248,245,229)
```
#fcfbf5
```
#fcfbf5 rgb(252,251,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 #f8d321 is the most saturated one.

#8e8e8b
```
#8e8e8b rgb(142,142,139)
```
#979382
```
#979382 rgb(151,147,130)
```
#a09979
```
#a09979 rgb(160,153,121)
```
#a99f70
```
#a99f70 rgb(169,159,112)
```
#b2a567
```
#b2a567 rgb(178,165,103)
```
#baaa5f
```
#baaa5f rgb(186,170,95)
```
#c3b056
```
#c3b056 rgb(195,176,86)
```
#ccb64d
```
#ccb64d rgb(204,182,77)
```
#d5bc44
```
#d5bc44 rgb(213,188,68)
```
#dec23b
```
#dec23b rgb(222,194,59)
```
#e6c733
```
#e6c733 rgb(230,199,51)
```
#efcd2a
```
#efcd2a rgb(239,205,42)
```
#f8d321
```
#f8d321 rgb(248,211,33)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#b6b29d Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdba56 Protanopia 1% of men
#e4b159 Deuteranopia 1% of men
#d8afbb Tritanopia 0.001% of the population

Trichromacy

#cdb852 Protanomaly 1% of men, 0.01% of women
#dbb354 Deuteranomaly 6% of men, 0.4% of women
#d3b193 Tritanomaly 0.01% of the population

#ccb64d hex color

#ccb64d Color Information

#ccb64d Color Conversion

Color Schemes with #ccb64d

Alternatives to #ccb64d

#ccb64d Preview

Shades and Tints of #ccb64d

Tones of #ccb64d

Color Blindness Simulator