#ccb856 hex color

In a RGB color space, hex #ccb856 is composed of 80% red, 72.2% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.8% magenta, 57.8% yellow and 20% black. It has a hue angle of 49.8 degrees, a saturation of 53.6% and a lightness of 56.9%. #ccb856 color hex could be obtained by blending #ffffac with #997100. Closest websafe color is: #cccc66.

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

● #ccb856 color description : Moderate yellow.

The hexadecimal color #ccb856 has RGB values of R:204, G:184, B:86 and CMYK values of C:0, M:0.1, Y:0.58, K:0.2. Its decimal value is 13416534.

Hex triplet	ccb856	`#ccb856`
RGB Decimal	204, 184, 86	`rgb(204,184,86)`
RGB Percent	80, 72.2, 33.7	`rgb(80%,72.2%,33.7%)`
CMYK	0, 10, 58, 20
HSL	49.8°, 53.6, 56.9	`hsl(49.8,53.6%,56.9%)`
HSV (or HSB)	49.8°, 57.8, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	74.693, -4.945, 51.435
XYZ	43.722, 47.791, 15.725
xyY	0.408, 0.446, 47.791
CIE-LCH	74.693, 51.673, 95.492
CIE-LUV	74.693, 18.127, 62.287
Hunter-Lab	69.131, -8.088, 34.905
Binary	11001100, 10111000, 01010110

#ccb856
```
#ccb856 rgb(204,184,86)
```
#566acc
```
#566acc rgb(86,106,204)
```

Complementary Color

#cc7d56
```
#cc7d56 rgb(204,125,86)
```
#ccb856
```
#ccb856 rgb(204,184,86)
```
#a5cc56
```
#a5cc56 rgb(165,204,86)
```

Analogous Color

#7d56cc
```
#7d56cc rgb(125,86,204)
```
#ccb856
```
#ccb856 rgb(204,184,86)
```
#56a5cc
```
#56a5cc rgb(86,165,204)
```

Split Complementary Color

#b856cc
```
#b856cc rgb(184,86,204)
```
#ccb856
```
#ccb856 rgb(204,184,86)
```
#56ccb8
```
#56ccb8 rgb(86,204,184)
```

Triadic Color

#cc566a
```
#cc566a rgb(204,86,106)
```
#ccb856
```
#ccb856 rgb(204,184,86)
```
#56ccb8
```
#56ccb8 rgb(86,204,184)
```
#566acc
```
#566acc rgb(86,106,204)
```

Tetradic Color

#a49131
```
#a49131 rgb(164,145,49)
```
#b8a237
```
#b8a237 rgb(184,162,55)
```
#c6b042
```
#c6b042 rgb(198,176,66)
```
#ccb856
```
#ccb856 rgb(204,184,86)
```
#d2c06a
```
#d2c06a rgb(210,192,106)
```
#d8c87d
```
#d8c87d rgb(216,200,125)
```
#ded191
```
#ded191 rgb(222,209,145)
```

Monochromatic Color

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

#cc9b56
```
#cc9b56 rgb(204,155,86)
```
#cca456
```
#cca456 rgb(204,164,86)
```
#ccae56
```
#ccae56 rgb(204,174,86)
```
#ccb856
```
#ccb856 rgb(204,184,86)
```
#ccc256
```
#ccc256 rgb(204,194,86)
```
#cccc56
```
#cccc56 rgb(204,204,86)
```
#c3cc56
```
#c3cc56 rgb(195,204,86)
```

Similar Colors

Text with hexadecimal color #ccb856

This text has a font color of #ccb856.

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

#ccb856 background color

This paragraph has a background color of #ccb856.

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

#ccb856 border color

This element has a border color of #ccb856.

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

CSS codes

.text {color:#ccb856;}

.background {background-color:#ccb856;}

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

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, #0c0a04 is the darkest color, while #fefefc is the lightest one.

#0c0a04
```
#0c0a04 rgb(12,10,4)
```
#1b1808
```
#1b1808 rgb(27,24,8)
```
#2a250d
```
#2a250d rgb(42,37,13)
```
#393211
```
#393211 rgb(57,50,17)
```
#484016
```
#484016 rgb(72,64,22)
```
#574d1a
```
#574d1a rgb(87,77,26)
```
#665a1f
```
#665a1f rgb(102,90,31)
```
#756723
```
#756723 rgb(117,103,35)
```
#847528
```
#847528 rgb(132,117,40)
```
#93822c
```
#93822c rgb(147,130,44)
```
#a38f31
```
#a38f31 rgb(163,143,49)
```
#b29d36
```
#b29d36 rgb(178,157,54)
```
#c1aa3a
```
#c1aa3a rgb(193,170,58)
```

Shade Color Variation

#c7b247
```
#c7b247 rgb(199,178,71)
```
#ccb856
```
#ccb856 rgb(204,184,86)
```
#d1be65
```
#d1be65 rgb(209,190,101)
```
#d5c574
```
#d5c574 rgb(213,197,116)
```
#dacb83
```
#dacb83 rgb(218,203,131)
```
#ded192
```
#ded192 rgb(222,209,146)
```
#e3d8a1
```
#e3d8a1 rgb(227,216,161)
```
#e7deb0
```
#e7deb0 rgb(231,222,176)
```
#ece4bf
```
#ece4bf rgb(236,228,191)
```
#f0ebcf
```
#f0ebcf rgb(240,235,207)
```
#f5f1de
```
#f5f1de rgb(245,241,222)
```
#f9f7ed
```
#f9f7ed rgb(249,247,237)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

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

#999689
```
#999689 rgb(153,150,137)
```
#a29c80
```
#a29c80 rgb(162,156,128)
```
#aaa278
```
#aaa278 rgb(170,162,120)
```
#b3a76f
```
#b3a76f rgb(179,167,111)
```
#bbad67
```
#bbad67 rgb(187,173,103)
```
#c4b25e
```
#c4b25e rgb(196,178,94)
```
#ccb856
```
#ccb856 rgb(204,184,86)
```
#d4be4e
```
#d4be4e rgb(212,190,78)
```
#ddc345
```
#ddc345 rgb(221,195,69)
```
#e5c93d
```
#e5c93d rgb(229,201,61)
```
#eece34
```
#eece34 rgb(238,206,52)
```
#f6d42c
```
#f6d42c rgb(246,212,44)
```
#ffda23
```
#ffda23 rgb(255,218,35)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#b8b4a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cebb5e Protanopia 1% of men
#e4b361 Deuteranopia 1% of men
#d8b1bd Tritanopia 0.001% of the population

Trichromacy

#cdba5b Protanomaly 1% of men, 0.01% of women
#dbb45d Deuteranomaly 6% of men, 0.4% of women
#d3b398 Tritanomaly 0.01% of the population

#ccb856 hex color

#ccb856 Color Information

#ccb856 Color Conversion

Color Schemes with #ccb856

Alternatives to #ccb856

#ccb856 Preview

Shades and Tints of #ccb856

Tones of #ccb856

Color Blindness Simulator