#ccb864 hex color

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

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

● #ccb864 color description : Moderate yellow.

The hexadecimal color #ccb864 has RGB values of R:204, G:184, B:100 and CMYK values of C:0, M:0.1, Y:0.51, K:0.2. Its decimal value is 13416548.

Hex triplet	ccb864	`#ccb864`
RGB Decimal	204, 184, 100	`rgb(204,184,100)`
RGB Percent	80, 72.2, 39.2	`rgb(80%,72.2%,39.2%)`
CMYK	0, 10, 51, 20
HSL	48.5°, 50.5, 59.6	`hsl(48.5,50.5%,59.6%)`
HSV (or HSB)	48.5°, 51, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	74.85, -3.804, 44.89
XYZ	44.343, 48.04, 18.993
xyY	0.398, 0.431, 48.04
CIE-LCH	74.85, 45.051, 94.843
CIE-LUV	74.85, 17.477, 56.144
Hunter-Lab	69.311, -7.095, 32.271
Binary	11001100, 10111000, 01100100

#ccb864
```
#ccb864 rgb(204,184,100)
```
#6478cc
```
#6478cc rgb(100,120,204)
```

Complementary Color

#cc8464
```
#cc8464 rgb(204,132,100)
```
#ccb864
```
#ccb864 rgb(204,184,100)
```
#accc64
```
#accc64 rgb(172,204,100)
```

Analogous Color

#8464cc
```
#8464cc rgb(132,100,204)
```
#ccb864
```
#ccb864 rgb(204,184,100)
```
#64accc
```
#64accc rgb(100,172,204)
```

Split Complementary Color

#b864cc
```
#b864cc rgb(184,100,204)
```
#ccb864
```
#ccb864 rgb(204,184,100)
```
#64ccb8
```
#64ccb8 rgb(100,204,184)
```

Triadic Color

#cc6478
```
#cc6478 rgb(204,100,120)
```
#ccb864
```
#ccb864 rgb(204,184,100)
```
#64ccb8
```
#64ccb8 rgb(100,204,184)
```
#6478cc
```
#6478cc rgb(100,120,204)
```

Tetradic Color

#ab9538
```
#ab9538 rgb(171,149,56)
```
#bea63f
```
#bea63f rgb(190,166,63)
```
#c6af51
```
#c6af51 rgb(198,175,81)
```
#ccb864
```
#ccb864 rgb(204,184,100)
```
#d2c177
```
#d2c177 rgb(210,193,119)
```
#d9ca8a
```
#d9ca8a rgb(217,202,138)
```
#dfd29e
```
#dfd29e rgb(223,210,158)
```

Monochromatic Color

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

#cc9e64
```
#cc9e64 rgb(204,158,100)
```
#cca764
```
#cca764 rgb(204,167,100)
```
#ccaf64
```
#ccaf64 rgb(204,175,100)
```
#ccb864
```
#ccb864 rgb(204,184,100)
```
#ccc164
```
#ccc164 rgb(204,193,100)
```
#ccc964
```
#ccc964 rgb(204,201,100)
```
#c6cc64
```
#c6cc64 rgb(198,204,100)
```

Similar Colors

Text with hexadecimal color #ccb864

This text has a font color of #ccb864.

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

#ccb864 background color

This paragraph has a background color of #ccb864.

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

#ccb864 border color

This element has a border color of #ccb864.

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

CSS codes

.text {color:#ccb864;}

.background {background-color:#ccb864;}

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

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 #fdfcf8 is the lightest one.

#070602
```
#070602 rgb(7,6,2)
```
#161307
```
#161307 rgb(22,19,7)
```
#25200c
```
#25200c rgb(37,32,12)
```
#342d11
```
#342d11 rgb(52,45,17)
```
#423a16
```
#423a16 rgb(66,58,22)
```
#51471b
```
#51471b rgb(81,71,27)
```
#605420
```
#605420 rgb(96,84,32)
```
#6f6024
```
#6f6024 rgb(111,96,36)
```
#7d6d29
```
#7d6d29 rgb(125,109,41)
```
#8c7a2e
```
#8c7a2e rgb(140,122,46)
```
#9b8733
```
#9b8733 rgb(155,135,51)
```
#aa9438
```
#aa9438 rgb(170,148,56)
```
#b8a13d
```
#b8a13d rgb(184,161,61)
```

Shade Color Variation

#c2aa46
```
#c2aa46 rgb(194,170,70)
```
#c7b155
```
#c7b155 rgb(199,177,85)
```
#ccb864
```
#ccb864 rgb(204,184,100)
```
#d1bf73
```
#d1bf73 rgb(209,191,115)
```
#d6c682
```
#d6c682 rgb(214,198,130)
```
#dbcc90
```
#dbcc90 rgb(219,204,144)
```
#dfd39f
```
#dfd39f rgb(223,211,159)
```
#e4daae
```
#e4daae rgb(228,218,174)
```
#e9e1bd
```
#e9e1bd rgb(233,225,189)
```
#eee7cb
```
#eee7cb rgb(238,231,203)
```
#f3eeda
```
#f3eeda rgb(243,238,218)
```
#f8f5e9
```
#f8f5e9 rgb(248,245,233)
```
#fdfcf8
```
#fdfcf8 rgb(253,252,248)
```

Tint Color Variation

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

#9c9b94
```
#9c9b94 rgb(156,155,148)
```
#a4a08c
```
#a4a08c rgb(164,160,140)
```
#aca484
```
#aca484 rgb(172,164,132)
```
#b4a97c
```
#b4a97c rgb(180,169,124)
```
#bcae74
```
#bcae74 rgb(188,174,116)
```
#c4b36c
```
#c4b36c rgb(196,179,108)
```
#ccb864
```
#ccb864 rgb(204,184,100)
```
#d4bd5c
```
#d4bd5c rgb(212,189,92)
```
#dcc254
```
#dcc254 rgb(220,194,84)
```
#e4c74c
```
#e4c74c rgb(228,199,76)
```
#eccc44
```
#eccc44 rgb(236,204,68)
```
#f4d03c
```
#f4d03c rgb(244,208,60)
```
#fcd534
```
#fcd534 rgb(252,213,52)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#b9b5a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdbb6c Protanopia 1% of men
#e3b36e Deuteranopia 1% of men
#d7b2be Tritanopia 0.001% of the population

Trichromacy

#cdba69 Protanomaly 1% of men, 0.01% of women
#dab56a Deuteranomaly 6% of men, 0.4% of women
#d3b49d Tritanomaly 0.01% of the population

#ccb864 hex color

#ccb864 Color Information

#ccb864 Color Conversion

Color Schemes with #ccb864

Alternatives to #ccb864

#ccb864 Preview

Shades and Tints of #ccb864

Tones of #ccb864

Color Blindness Simulator