#ccb556 hex color

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

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

● #ccb556 color description : Moderate yellow.

The hexadecimal color #ccb556 has RGB values of R:204, G:181, B:86 and CMYK values of C:0, M:0.11, Y:0.58, K:0.2. Its decimal value is 13415766.

Hex triplet	ccb556	`#ccb556`
RGB Decimal	204, 181, 86	`rgb(204,181,86)`
RGB Percent	80, 71, 33.7	`rgb(80%,71%,33.7%)`
CMYK	0, 11, 58, 20
HSL	48.3°, 53.6, 56.9	`hsl(48.3,53.6%,56.9%)`
HSV (or HSB)	48.3°, 57.8, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	73.906, -3.377, 50.538
XYZ	43.106, 46.558, 15.52
xyY	0.41, 0.443, 46.558
CIE-LCH	73.906, 50.651, 93.823
CIE-LUV	73.906, 20.137, 60.908
Hunter-Lab	68.234, -6.644, 34.278
Binary	11001100, 10110101, 01010110

#ccb556
```
#ccb556 rgb(204,181,86)
```
#566dcc
```
#566dcc rgb(86,109,204)
```

Complementary Color

#cc7a56
```
#cc7a56 rgb(204,122,86)
```
#ccb556
```
#ccb556 rgb(204,181,86)
```
#a8cc56
```
#a8cc56 rgb(168,204,86)
```

Analogous Color

#7a56cc
```
#7a56cc rgb(122,86,204)
```
#ccb556
```
#ccb556 rgb(204,181,86)
```
#56a8cc
```
#56a8cc rgb(86,168,204)
```

Split Complementary Color

#b556cc
```
#b556cc rgb(181,86,204)
```
#ccb556
```
#ccb556 rgb(204,181,86)
```
#56ccb5
```
#56ccb5 rgb(86,204,181)
```

Triadic Color

#cc566d
```
#cc566d rgb(204,86,109)
```
#ccb556
```
#ccb556 rgb(204,181,86)
```
#56ccb5
```
#56ccb5 rgb(86,204,181)
```
#566dcc
```
#566dcc rgb(86,109,204)
```

Tetradic Color

#a48e31
```
#a48e31 rgb(164,142,49)
```
#b89f37
```
#b89f37 rgb(184,159,55)
```
#c6ac42
```
#c6ac42 rgb(198,172,66)
```
#ccb556
```
#ccb556 rgb(204,181,86)
```
#d2be6a
```
#d2be6a rgb(210,190,106)
```
#d8c67d
```
#d8c67d rgb(216,198,125)
```
#decf91
```
#decf91 rgb(222,207,145)
```

Monochromatic Color

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

#cc9856
```
#cc9856 rgb(204,152,86)
```
#cca156
```
#cca156 rgb(204,161,86)
```
#ccab56
```
#ccab56 rgb(204,171,86)
```
#ccb556
```
#ccb556 rgb(204,181,86)
```
#ccbf56
```
#ccbf56 rgb(204,191,86)
```
#ccc956
```
#ccc956 rgb(204,201,86)
```
#c6cc56
```
#c6cc56 rgb(198,204,86)
```

Similar Colors

Text with hexadecimal color #ccb556

This text has a font color of #ccb556.

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

#ccb556 background color

This paragraph has a background color of #ccb556.

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

#ccb556 border color

This element has a border color of #ccb556.

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

CSS codes

.text {color:#ccb556;}

.background {background-color:#ccb556;}

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

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)
```
#1b1708
```
#1b1708 rgb(27,23,8)
```
#2a240d
```
#2a240d rgb(42,36,13)
```
#393111
```
#393111 rgb(57,49,17)
```
#483e16
```
#483e16 rgb(72,62,22)
```
#574b1a
```
#574b1a rgb(87,75,26)
```
#66581f
```
#66581f rgb(102,88,31)
```
#756523
```
#756523 rgb(117,101,35)
```
#847228
```
#847228 rgb(132,114,40)
```
#937f2c
```
#937f2c rgb(147,127,44)
```
#a38c31
```
#a38c31 rgb(163,140,49)
```
#b29936
```
#b29936 rgb(178,153,54)
```
#c1a63a
```
#c1a63a rgb(193,166,58)
```

Shade Color Variation

#c7ae47
```
#c7ae47 rgb(199,174,71)
```
#ccb556
```
#ccb556 rgb(204,181,86)
```
#d1bc65
```
#d1bc65 rgb(209,188,101)
```
#d5c274
```
#d5c274 rgb(213,194,116)
```
#dac983
```
#dac983 rgb(218,201,131)
```
#decf92
```
#decf92 rgb(222,207,146)
```
#e3d6a1
```
#e3d6a1 rgb(227,214,161)
```
#e7ddb0
```
#e7ddb0 rgb(231,221,176)
```
#ece3bf
```
#ece3bf rgb(236,227,191)
```
#f0eacf
```
#f0eacf rgb(240,234,207)
```
#f5f0de
```
#f5f0de rgb(245,240,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 #ffd423 is the most saturated one.

#999689
```
#999689 rgb(153,150,137)
```
#a29b80
```
#a29b80 rgb(162,155,128)
```
#aaa078
```
#aaa078 rgb(170,160,120)
```
#b3a66f
```
#b3a66f rgb(179,166,111)
```
#bbab67
```
#bbab67 rgb(187,171,103)
```
#c4b05e
```
#c4b05e rgb(196,176,94)
```
#ccb556
```
#ccb556 rgb(204,181,86)
```
#d4ba4e
```
#d4ba4e rgb(212,186,78)
```
#ddbf45
```
#ddbf45 rgb(221,191,69)
```
#e5c43d
```
#e5c43d rgb(229,196,61)
```
#eeca34
```
#eeca34 rgb(238,202,52)
```
#f6cf2c
```
#f6cf2c rgb(246,207,44)
```
#ffd423
```
#ffd423 rgb(255,212,35)
```

Tone Color Variation

Below, you can see how #ccb556 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
#b6b29f Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccb95f Protanopia 1% of men
#e2b161 Deuteranopia 1% of men
#d7aeba Tritanopia 0.001% of the population

Trichromacy

#ccb75b Protanomaly 1% of men, 0.01% of women
#dab25d Deuteranomaly 6% of men, 0.4% of women
#d3b196 Tritanomaly 0.01% of the population

#ccb556 hex color

#ccb556 Color Information

#ccb556 Color Conversion

Color Schemes with #ccb556

Alternatives to #ccb556

#ccb556 Preview

Shades and Tints of #ccb556

Tones of #ccb556

Color Blindness Simulator