#dcc564 hex color

In a RGB color space, hex #dcc564 is composed of 86.3% red, 77.3% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.5% magenta, 54.5% yellow and 13.7% black. It has a hue angle of 48.5 degrees, a saturation of 63.2% and a lightness of 62.7%. #dcc564 color hex could be obtained by blending #ffffc8 with #b98b00. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 86
- G 77
- B 39
RGB color chart
- C 0
- M 10
- Y 55
- K 14
CMYK color chart

● #dcc564 color description : Soft yellow.

The hexadecimal color #dcc564 has RGB values of R:220, G:197, B:100 and CMYK values of C:0, M:0.1, Y:0.55, K:0.14. Its decimal value is 14468452.

Hex triplet	dcc564	`#dcc564`
RGB Decimal	220, 197, 100	`rgb(220,197,100)`
RGB Percent	86.3, 77.3, 39.2	`rgb(86.3%,77.3%,39.2%)`
CMYK	0, 10, 55, 14
HSL	48.5°, 63.2, 62.7	`hsl(48.5,63.2%,62.7%)`
HSV (or HSB)	48.5°, 54.5, 86.3
Web Safe	cccc66	`#cccc66`

CIE-LAB	79.653, -3.934, 50.945
XYZ	51.782, 56.07, 20.151
xyY	0.405, 0.438, 56.07
CIE-LCH	79.653, 51.097, 94.415
CIE-LUV	79.653, 20.128, 63.189
Hunter-Lab	74.88, -7.601, 36.46
Binary	11011100, 11000101, 01100100

#dcc564
```
#dcc564 rgb(220,197,100)
```
#647bdc
```
#647bdc rgb(100,123,220)
```

Complementary Color

#dc8964
```
#dc8964 rgb(220,137,100)
```
#dcc564
```
#dcc564 rgb(220,197,100)
```
#b7dc64
```
#b7dc64 rgb(183,220,100)
```

Analogous Color

#8964dc
```
#8964dc rgb(137,100,220)
```
#dcc564
```
#dcc564 rgb(220,197,100)
```
#64b7dc
```
#64b7dc rgb(100,183,220)
```

Split Complementary Color

#c564dc
```
#c564dc rgb(197,100,220)
```
#dcc564
```
#dcc564 rgb(220,197,100)
```
#64dcc5
```
#64dcc5 rgb(100,220,197)
```

Triadic Color

#dc647b
```
#dc647b rgb(220,100,123)
```
#dcc564
```
#dcc564 rgb(220,197,100)
```
#64dcc5
```
#64dcc5 rgb(100,220,197)
```
#647bdc
```
#647bdc rgb(100,123,220)
```

Tetradic Color

#c7a92d
```
#c7a92d rgb(199,169,45)
```
#d3b53a
```
#d3b53a rgb(211,181,58)
```
#d7bd4f
```
#d7bd4f rgb(215,189,79)
```
#dcc564
```
#dcc564 rgb(220,197,100)
```
#e1cd79
```
#e1cd79 rgb(225,205,121)
```
#e5d58e
```
#e5d58e rgb(229,213,142)
```
#eadca2
```
#eadca2 rgb(234,220,162)
```

Monochromatic Color

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

#dca764
```
#dca764 rgb(220,167,100)
```
#dcb164
```
#dcb164 rgb(220,177,100)
```
#dcbb64
```
#dcbb64 rgb(220,187,100)
```
#dcc564
```
#dcc564 rgb(220,197,100)
```
#dccf64
```
#dccf64 rgb(220,207,100)
```
#dcd964
```
#dcd964 rgb(220,217,100)
```
#d5dc64
```
#d5dc64 rgb(213,220,100)
```

Similar Colors

Text with hexadecimal color #dcc564

This text has a font color of #dcc564.

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

#dcc564 background color

This paragraph has a background color of #dcc564.

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

#dcc564 border color

This element has a border color of #dcc564.

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

CSS codes

.text {color:#dcc564;}

.background {background-color:#dcc564;}

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

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, #050401 is the darkest color, while #fdfbf4 is the lightest one.

#050401
```
#050401 rgb(5,4,1)
```
#151205
```
#151205 rgb(21,18,5)
```
#252008
```
#252008 rgb(37,32,8)
```
#352d0c
```
#352d0c rgb(53,45,12)
```
#453b10
```
#453b10 rgb(69,59,16)
```
#554813
```
#554813 rgb(85,72,19)
```
#655617
```
#655617 rgb(101,86,23)
```
#75641a
```
#75641a rgb(117,100,26)
```
#85711e
```
#85711e rgb(133,113,30)
```
#957f22
```
#957f22 rgb(149,127,34)
```
#a58d25
```
#a58d25 rgb(165,141,37)
```
#b59a29
```
#b59a29 rgb(181,154,41)
```
#c5a82c
```
#c5a82c rgb(197,168,44)
```

Shade Color Variation

#d1b334
```
#d1b334 rgb(209,179,52)
```
#d5b944
```
#d5b944 rgb(213,185,68)
```
#d8bf54
```
#d8bf54 rgb(216,191,84)
```
#dcc564
```
#dcc564 rgb(220,197,100)
```
#e0cb74
```
#e0cb74 rgb(224,203,116)
```
#e3d184
```
#e3d184 rgb(227,209,132)
```
#e7d794
```
#e7d794 rgb(231,215,148)
```
#eadda4
```
#eadda4 rgb(234,221,164)
```
#eee3b4
```
#eee3b4 rgb(238,227,180)
```
#f2e9c4
```
#f2e9c4 rgb(242,233,196)
```
#f5efd4
```
#f5efd4 rgb(245,239,212)
```
#f9f5e4
```
#f9f5e4 rgb(249,245,228)
```
#fdfbf4
```
#fdfbf4 rgb(253,251,244)
```

Tint Color Variation

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

#a2a19e
```
#a2a19e rgb(162,161,158)
```
#a9a597
```
#a9a597 rgb(169,165,151)
```
#b0aa90
```
#b0aa90 rgb(176,170,144)
```
#b7ae89
```
#b7ae89 rgb(183,174,137)
```
#bfb381
```
#bfb381 rgb(191,179,129)
```
#c6b77a
```
#c6b77a rgb(198,183,122)
```
#cdbc73
```
#cdbc73 rgb(205,188,115)
```
#d5c06b
```
#d5c06b rgb(213,192,107)
```
#dcc564
```
#dcc564 rgb(220,197,100)
```
#e3ca5d
```
#e3ca5d rgb(227,202,93)
```
#ebce55
```
#ebce55 rgb(235,206,85)
```
#f2d34e
```
#f2d34e rgb(242,211,78)
```
#f9d747
```
#f9d747 rgb(249,215,71)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#c6c2ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcc86c Protanopia 1% of men
#f3bf6e Deuteranopia 1% of men
#e7bdca Tritanopia 0.001% of the population

Trichromacy

#dcc769 Protanomaly 1% of men, 0.01% of women
#ebc16a Deuteranomaly 6% of men, 0.4% of women
#e3c0a5 Tritanomaly 0.01% of the population

#dcc564 hex color

#dcc564 Color Information

#dcc564 Color Conversion

Color Schemes with #dcc564

Alternatives to #dcc564

#dcc564 Preview

Shades and Tints of #dcc564

Tones of #dcc564

Color Blindness Simulator