#ccaf56 hex color

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

● #ccaf56 color description : Moderate yellow.

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

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

CIE-LAB	72.342, -0.215, 48.742
XYZ	41.912, 44.171, 15.122
xyY	0.414, 0.436, 44.171
CIE-LCH	72.342, 48.743, 90.253
CIE-LUV	72.342, 24.205, 58.145
Hunter-Lab	66.461, -3.741, 33.033
Binary	11001100, 10101111, 01010110

#ccaf56
```
#ccaf56 rgb(204,175,86)
```
#5673cc
```
#5673cc rgb(86,115,204)
```

Complementary Color

#cc7456
```
#cc7456 rgb(204,116,86)
```
#ccaf56
```
#ccaf56 rgb(204,175,86)
```
#aecc56
```
#aecc56 rgb(174,204,86)
```

Analogous Color

#7456cc
```
#7456cc rgb(116,86,204)
```
#ccaf56
```
#ccaf56 rgb(204,175,86)
```
#56aecc
```
#56aecc rgb(86,174,204)
```

Split Complementary Color

#af56cc
```
#af56cc rgb(175,86,204)
```
#ccaf56
```
#ccaf56 rgb(204,175,86)
```
#56ccaf
```
#56ccaf rgb(86,204,175)
```

Triadic Color

#cc5673
```
#cc5673 rgb(204,86,115)
```
#ccaf56
```
#ccaf56 rgb(204,175,86)
```
#56ccaf
```
#56ccaf rgb(86,204,175)
```
#5673cc
```
#5673cc rgb(86,115,204)
```

Tetradic Color

#a48831
```
#a48831 rgb(164,136,49)
```
#b89837
```
#b89837 rgb(184,152,55)
```
#c6a642
```
#c6a642 rgb(198,166,66)
```
#ccaf56
```
#ccaf56 rgb(204,175,86)
```
#d2b86a
```
#d2b86a rgb(210,184,106)
```
#d8c27d
```
#d8c27d rgb(216,194,125)
```
#decb91
```
#decb91 rgb(222,203,145)
```

Monochromatic Color

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

#cc9256
```
#cc9256 rgb(204,146,86)
```
#cc9b56
```
#cc9b56 rgb(204,155,86)
```
#cca556
```
#cca556 rgb(204,165,86)
```
#ccaf56
```
#ccaf56 rgb(204,175,86)
```
#ccb956
```
#ccb956 rgb(204,185,86)
```
#ccc356
```
#ccc356 rgb(204,195,86)
```
#cccc56
```
#cccc56 rgb(204,204,86)
```

Similar Colors

Text with hexadecimal color #ccaf56

This text has a font color of #ccaf56.

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

#ccaf56 background color

This paragraph has a background color of #ccaf56.

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

#ccaf56 border color

This element has a border color of #ccaf56.

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

CSS codes

.text {color:#ccaf56;}

.background {background-color:#ccaf56;}

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

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)
```
#392f11
```
#392f11 rgb(57,47,17)
```
#483c16
```
#483c16 rgb(72,60,22)
```
#57481a
```
#57481a rgb(87,72,26)
```
#66551f
```
#66551f rgb(102,85,31)
```
#756123
```
#756123 rgb(117,97,35)
```
#846e28
```
#846e28 rgb(132,110,40)
```
#937a2c
```
#937a2c rgb(147,122,44)
```
#a38731
```
#a38731 rgb(163,135,49)
```
#b29336
```
#b29336 rgb(178,147,54)
```
#c1a03a
```
#c1a03a rgb(193,160,58)
```

Shade Color Variation

#c7a847
```
#c7a847 rgb(199,168,71)
```
#ccaf56
```
#ccaf56 rgb(204,175,86)
```
#d1b665
```
#d1b665 rgb(209,182,101)
```
#d5bd74
```
#d5bd74 rgb(213,189,116)
```
#dac483
```
#dac483 rgb(218,196,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 #ffc923 is the most saturated one.

#999589
```
#999589 rgb(153,149,137)
```
#a29980
```
#a29980 rgb(162,153,128)
```
#aa9e78
```
#aa9e78 rgb(170,158,120)
```
#b3a26f
```
#b3a26f rgb(179,162,111)
```
#bba667
```
#bba667 rgb(187,166,103)
```
#c4ab5e
```
#c4ab5e rgb(196,171,94)
```
#ccaf56
```
#ccaf56 rgb(204,175,86)
```
#d4b34e
```
#d4b34e rgb(212,179,78)
```
#ddb845
```
#ddb845 rgb(221,184,69)
```
#e5bc3d
```
#e5bc3d rgb(229,188,61)
```
#eec034
```
#eec034 rgb(238,192,52)
```
#f6c52c
```
#f6c52c rgb(246,197,44)
```
#ffc923
```
#ffc923 rgb(255,201,35)
```

Tone Color Variation

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

#c7b55f Protanopia 1% of men
#ddad60 Deuteranopia 1% of men
#d7a9b5 Tritanopia 0.001% of the population

Trichromacy

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

#ccaf56 hex color

#ccaf56 Color Information

#ccaf56 Color Conversion

Color Schemes with #ccaf56

Alternatives to #ccaf56

#ccaf56 Preview

Shades and Tints of #ccaf56

Tones of #ccaf56

Color Blindness Simulator