#ccb056 hex color

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

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

● #ccb056 color description : Moderate yellow.

The hexadecimal color #ccb056 has RGB values of R:204, G:176, B:86 and CMYK values of C:0, M:0.14, Y:0.58, K:0.2. Its decimal value is 13414486.

Hex triplet	ccb056	`#ccb056`
RGB Decimal	204, 176, 86	`rgb(204,176,86)`
RGB Percent	80, 69, 33.7	`rgb(80%,69%,33.7%)`
CMYK	0, 14, 58, 20
HSL	45.8°, 53.6, 56.9	`hsl(45.8,53.6%,56.9%)`
HSV (or HSB)	45.8°, 57.8, 80
Web Safe	cc9966	`#cc9966`

CIE-LAB	72.602, -0.744, 49.041
XYZ	42.107, 44.561, 15.187
xyY	0.413, 0.437, 44.561
CIE-LCH	72.602, 49.047, 90.869
CIE-LUV	72.602, 23.523, 58.606
Hunter-Lab	66.754, -4.226, 33.239
Binary	11001100, 10110000, 01010110

#ccb056
```
#ccb056 rgb(204,176,86)
```
#5672cc
```
#5672cc rgb(86,114,204)
```

Complementary Color

#cc7556
```
#cc7556 rgb(204,117,86)
```
#ccb056
```
#ccb056 rgb(204,176,86)
```
#adcc56
```
#adcc56 rgb(173,204,86)
```

Analogous Color

#7556cc
```
#7556cc rgb(117,86,204)
```
#ccb056
```
#ccb056 rgb(204,176,86)
```
#56adcc
```
#56adcc rgb(86,173,204)
```

Split Complementary Color

#b056cc
```
#b056cc rgb(176,86,204)
```
#ccb056
```
#ccb056 rgb(204,176,86)
```
#56ccb0
```
#56ccb0 rgb(86,204,176)
```

Triadic Color

#cc5672
```
#cc5672 rgb(204,86,114)
```
#ccb056
```
#ccb056 rgb(204,176,86)
```
#56ccb0
```
#56ccb0 rgb(86,204,176)
```
#5672cc
```
#5672cc rgb(86,114,204)
```

Tetradic Color

#a48931
```
#a48931 rgb(164,137,49)
```
#b89937
```
#b89937 rgb(184,153,55)
```
#c6a742
```
#c6a742 rgb(198,167,66)
```
#ccb056
```
#ccb056 rgb(204,176,86)
```
#d2b96a
```
#d2b96a rgb(210,185,106)
```
#d8c27d
```
#d8c27d rgb(216,194,125)
```
#decb91
```
#decb91 rgb(222,203,145)
```

Monochromatic Color

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

#cc9356
```
#cc9356 rgb(204,147,86)
```
#cc9c56
```
#cc9c56 rgb(204,156,86)
```
#cca656
```
#cca656 rgb(204,166,86)
```
#ccb056
```
#ccb056 rgb(204,176,86)
```
#ccba56
```
#ccba56 rgb(204,186,86)
```
#ccc456
```
#ccc456 rgb(204,196,86)
```
#cbcc56
```
#cbcc56 rgb(203,204,86)
```

Similar Colors

Text with hexadecimal color #ccb056

This text has a font color of #ccb056.

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

#ccb056 background color

This paragraph has a background color of #ccb056.

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

#ccb056 border color

This element has a border color of #ccb056.

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

CSS codes

.text {color:#ccb056;}

.background {background-color:#ccb056;}

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

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

#0c0a04
```
#0c0a04 rgb(12,10,4)
```
#1b1608
```
#1b1608 rgb(27,22,8)
```
#2a230d
```
#2a230d rgb(42,35,13)
```
#393011
```
#393011 rgb(57,48,17)
```
#483c16
```
#483c16 rgb(72,60,22)
```
#57491a
```
#57491a rgb(87,73,26)
```
#66551f
```
#66551f rgb(102,85,31)
```
#756223
```
#756223 rgb(117,98,35)
```
#846e28
```
#846e28 rgb(132,110,40)
```
#937b2c
```
#937b2c rgb(147,123,44)
```
#a38831
```
#a38831 rgb(163,136,49)
```
#b29436
```
#b29436 rgb(178,148,54)
```
#c1a13a
```
#c1a13a rgb(193,161,58)
```

Shade Color Variation

#c7a947
```
#c7a947 rgb(199,169,71)
```
#ccb056
```
#ccb056 rgb(204,176,86)
```
#d1b765
```
#d1b765 rgb(209,183,101)
```
#d5be74
```
#d5be74 rgb(213,190,116)
```
#dac583
```
#dac583 rgb(218,197,131)
```
#decc92
```
#decc92 rgb(222,204,146)
```
#e3d3a1
```
#e3d3a1 rgb(227,211,161)
```
#e7dab0
```
#e7dab0 rgb(231,218,176)
```
#ece1bf
```
#ece1bf rgb(236,225,191)
```
#f0e8cf
```
#f0e8cf rgb(240,232,207)
```
#f5efde
```
#f5efde rgb(245,239,222)
```
#f9f6ed
```
#f9f6ed rgb(249,246,237)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#999589
```
#999589 rgb(153,149,137)
```
#a29a80
```
#a29a80 rgb(162,154,128)
```
#aa9e78
```
#aa9e78 rgb(170,158,120)
```
#b3a36f
```
#b3a36f rgb(179,163,111)
```
#bba767
```
#bba767 rgb(187,167,103)
```
#c4ac5e
```
#c4ac5e rgb(196,172,94)
```
#ccb056
```
#ccb056 rgb(204,176,86)
```
#d4b44e
```
#d4b44e rgb(212,180,78)
```
#ddb945
```
#ddb945 rgb(221,185,69)
```
#e5bd3d
```
#e5bd3d rgb(229,189,61)
```
#eec234
```
#eec234 rgb(238,194,52)
```
#f6c62c
```
#f6c62c rgb(246,198,44)
```
#ffcb23
```
#ffcb23 rgb(255,203,35)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#b4ae9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8b65f Protanopia 1% of men
#deae60 Deuteranopia 1% of men
#d7aab6 Tritanopia 0.001% of the population

Trichromacy

#c9b35c Protanomaly 1% of men, 0.01% of women
#d7ae5c Deuteranomaly 6% of men, 0.4% of women
#d3ac93 Tritanomaly 0.01% of the population

#ccb056 hex color

#ccb056 Color Information

#ccb056 Color Conversion

Color Schemes with #ccb056

Alternatives to #ccb056

#ccb056 Preview

Shades and Tints of #ccb056

Tones of #ccb056

Color Blindness Simulator