#ccb756 hex color

In a RGB color space, hex #ccb756 is composed of 80% red, 71.8% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.3% magenta, 57.8% yellow and 20% black. It has a hue angle of 49.3 degrees, a saturation of 53.6% and a lightness of 56.9%. #ccb756 color hex could be obtained by blending #ffffac with #996f00. 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

● #ccb756 color description : Moderate yellow.

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

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

CIE-LAB	74.431, -4.423, 51.136
XYZ	43.515, 47.377, 15.656
xyY	0.408, 0.445, 47.377
CIE-LCH	74.431, 51.327, 94.944
CIE-LUV	74.431, 18.795, 61.827
Hunter-Lab	68.831, -7.607, 34.696
Binary	11001100, 10110111, 01010110

#ccb756
```
#ccb756 rgb(204,183,86)
```
#566bcc
```
#566bcc rgb(86,107,204)
```

Complementary Color

#cc7c56
```
#cc7c56 rgb(204,124,86)
```
#ccb756
```
#ccb756 rgb(204,183,86)
```
#a6cc56
```
#a6cc56 rgb(166,204,86)
```

Analogous Color

#7c56cc
```
#7c56cc rgb(124,86,204)
```
#ccb756
```
#ccb756 rgb(204,183,86)
```
#56a6cc
```
#56a6cc rgb(86,166,204)
```

Split Complementary Color

#b756cc
```
#b756cc rgb(183,86,204)
```
#ccb756
```
#ccb756 rgb(204,183,86)
```
#56ccb7
```
#56ccb7 rgb(86,204,183)
```

Triadic Color

#cc566b
```
#cc566b rgb(204,86,107)
```
#ccb756
```
#ccb756 rgb(204,183,86)
```
#56ccb7
```
#56ccb7 rgb(86,204,183)
```
#566bcc
```
#566bcc rgb(86,107,204)
```

Tetradic Color

#a49031
```
#a49031 rgb(164,144,49)
```
#b8a137
```
#b8a137 rgb(184,161,55)
```
#c6af42
```
#c6af42 rgb(198,175,66)
```
#ccb756
```
#ccb756 rgb(204,183,86)
```
#d2bf6a
```
#d2bf6a rgb(210,191,106)
```
#d8c87d
```
#d8c87d rgb(216,200,125)
```
#ded091
```
#ded091 rgb(222,208,145)
```

Monochromatic Color

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

#cc9a56
```
#cc9a56 rgb(204,154,86)
```
#cca356
```
#cca356 rgb(204,163,86)
```
#ccad56
```
#ccad56 rgb(204,173,86)
```
#ccb756
```
#ccb756 rgb(204,183,86)
```
#ccc156
```
#ccc156 rgb(204,193,86)
```
#cccb56
```
#cccb56 rgb(204,203,86)
```
#c4cc56
```
#c4cc56 rgb(196,204,86)
```

Similar Colors

Text with hexadecimal color #ccb756

This text has a font color of #ccb756.

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

#ccb756 background color

This paragraph has a background color of #ccb756.

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

#ccb756 border color

This element has a border color of #ccb756.

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

CSS codes

.text {color:#ccb756;}

.background {background-color:#ccb756;}

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

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)
```
#483f16
```
#483f16 rgb(72,63,22)
```
#574c1a
```
#574c1a rgb(87,76,26)
```
#665a1f
```
#665a1f rgb(102,90,31)
```
#756723
```
#756723 rgb(117,103,35)
```
#847428
```
#847428 rgb(132,116,40)
```
#93812c
```
#93812c rgb(147,129,44)
```
#a38e31
```
#a38e31 rgb(163,142,49)
```
#b29c36
```
#b29c36 rgb(178,156,54)
```
#c1a93a
```
#c1a93a rgb(193,169,58)
```

Shade Color Variation

#c7b147
```
#c7b147 rgb(199,177,71)
```
#ccb756
```
#ccb756 rgb(204,183,86)
```
#d1bd65
```
#d1bd65 rgb(209,189,101)
```
#d5c474
```
#d5c474 rgb(213,196,116)
```
#daca83
```
#daca83 rgb(218,202,131)
```
#ded192
```
#ded192 rgb(222,209,146)
```
#e3d7a1
```
#e3d7a1 rgb(227,215,161)
```
#e7deb0
```
#e7deb0 rgb(231,222,176)
```
#ece4bf
```
#ece4bf rgb(236,228,191)
```
#f0eacf
```
#f0eacf rgb(240,234,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 #ffd823 is the most saturated one.

#999689
```
#999689 rgb(153,150,137)
```
#a29c80
```
#a29c80 rgb(162,156,128)
```
#aaa178
```
#aaa178 rgb(170,161,120)
```
#b3a76f
```
#b3a76f rgb(179,167,111)
```
#bbac67
```
#bbac67 rgb(187,172,103)
```
#c4b25e
```
#c4b25e rgb(196,178,94)
```
#ccb756
```
#ccb756 rgb(204,183,86)
```
#d4bc4e
```
#d4bc4e rgb(212,188,78)
```
#ddc245
```
#ddc245 rgb(221,194,69)
```
#e5c73d
```
#e5c73d rgb(229,199,61)
```
#eecd34
```
#eecd34 rgb(238,205,52)
```
#f6d22c
```
#f6d22c rgb(246,210,44)
```
#ffd823
```
#ffd823 rgb(255,216,35)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#b7b3a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ceba5e Protanopia 1% of men
#e4b261 Deuteranopia 1% of men
#d8b0bc Tritanopia 0.001% of the population

Trichromacy

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

#ccb756 hex color

#ccb756 Color Information

#ccb756 Color Conversion

Color Schemes with #ccb756

Alternatives to #ccb756

#ccb756 Preview

Shades and Tints of #ccb756

Tones of #ccb756

Color Blindness Simulator