#dcc558 hex color

In a RGB color space, hex #dcc558 is composed of 86.3% red, 77.3% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.5% magenta, 60% yellow and 13.7% black. It has a hue angle of 49.5 degrees, a saturation of 65.3% and a lightness of 60.4%. #dcc558 color hex could be obtained by blending #ffffb0 with #b98b00. Closest websafe color is: #cccc66.

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

● #dcc558 color description : Soft yellow.

The hexadecimal color #dcc558 has RGB values of R:220, G:197, B:88 and CMYK values of C:0, M:0.1, Y:0.6, K:0.14. Its decimal value is 14468440.

Hex triplet	dcc558	`#dcc558`
RGB Decimal	220, 197, 88	`rgb(220,197,88)`
RGB Percent	86.3, 77.3, 34.5	`rgb(86.3%,77.3%,34.5%)`
CMYK	0, 10, 60, 14
HSL	49.5°, 65.3, 60.4	`hsl(49.5,65.3%,60.4%)`
HSV (or HSB)	49.5°, 60, 86.3
Web Safe	cccc66	`#cccc66`

CIE-LAB	79.531, -4.826, 56.355
XYZ	51.243, 55.854, 17.314
xyY	0.412, 0.449, 55.854
CIE-LCH	79.531, 56.562, 94.894
CIE-LUV	79.531, 20.662, 68.104
Hunter-Lab	74.736, -8.398, 38.579
Binary	11011100, 11000101, 01011000

#dcc558
```
#dcc558 rgb(220,197,88)
```
#586fdc
```
#586fdc rgb(88,111,220)
```

Complementary Color

#dc8358
```
#dc8358 rgb(220,131,88)
```
#dcc558
```
#dcc558 rgb(220,197,88)
```
#b1dc58
```
#b1dc58 rgb(177,220,88)
```

Analogous Color

#8358dc
```
#8358dc rgb(131,88,220)
```
#dcc558
```
#dcc558 rgb(220,197,88)
```
#58b1dc
```
#58b1dc rgb(88,177,220)
```

Split Complementary Color

#c558dc
```
#c558dc rgb(197,88,220)
```
#dcc558
```
#dcc558 rgb(220,197,88)
```
#58dcc5
```
#58dcc5 rgb(88,220,197)
```

Triadic Color

#dc586f
```
#dc586f rgb(220,88,111)
```
#dcc558
```
#dcc558 rgb(220,197,88)
```
#58dcc5
```
#58dcc5 rgb(88,220,197)
```
#586fdc
```
#586fdc rgb(88,111,220)
```

Tetradic Color

#bfa528
```
#bfa528 rgb(191,165,40)
```
#d3b62e
```
#d3b62e rgb(211,182,46)
```
#d8be43
```
#d8be43 rgb(216,190,67)
```
#dcc558
```
#dcc558 rgb(220,197,88)
```
#e0cc6d
```
#e0cc6d rgb(224,204,109)
```
#e5d482
```
#e5d482 rgb(229,212,130)
```
#e9db97
```
#e9db97 rgb(233,219,151)
```

Monochromatic Color

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

#dca458
```
#dca458 rgb(220,164,88)
```
#dcaf58
```
#dcaf58 rgb(220,175,88)
```
#dcba58
```
#dcba58 rgb(220,186,88)
```
#dcc558
```
#dcc558 rgb(220,197,88)
```
#dcd058
```
#dcd058 rgb(220,208,88)
```
#dcdb58
```
#dcdb58 rgb(220,219,88)
```
#d2dc58
```
#d2dc58 rgb(210,220,88)
```

Similar Colors

Text with hexadecimal color #dcc558

This text has a font color of #dcc558.

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

#dcc558 background color

This paragraph has a background color of #dcc558.

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

#dcc558 border color

This element has a border color of #dcc558.

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

CSS codes

.text {color:#dcc558;}

.background {background-color:#dcc558;}

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

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, #0b0a02 is the darkest color, while #fefdfa is the lightest one.

#0b0a02
```
#0b0a02 rgb(11,10,2)
```
#1c1806
```
#1c1806 rgb(28,24,6)
```
#2c2609
```
#2c2609 rgb(44,38,9)
```
#3c340d
```
#3c340d rgb(60,52,13)
```
#4c4210
```
#4c4210 rgb(76,66,16)
```
#5c5013
```
#5c5013 rgb(92,80,19)
```
#6d5e17
```
#6d5e17 rgb(109,94,23)
```
#7d6c1a
```
#7d6c1a rgb(125,108,26)
```
#8d7a1e
```
#8d7a1e rgb(141,122,30)
```
#9d8821
```
#9d8821 rgb(157,136,33)
```
#ae9624
```
#ae9624 rgb(174,150,36)
```
#bea428
```
#bea428 rgb(190,164,40)
```
#ceb22b
```
#ceb22b rgb(206,178,43)
```

Shade Color Variation

#d5ba38
```
#d5ba38 rgb(213,186,56)
```
#d9bf48
```
#d9bf48 rgb(217,191,72)
```
#dcc558
```
#dcc558 rgb(220,197,88)
```
#dfcb68
```
#dfcb68 rgb(223,203,104)
```
#e3d078
```
#e3d078 rgb(227,208,120)
```
#e6d689
```
#e6d689 rgb(230,214,137)
```
#eadc99
```
#eadc99 rgb(234,220,153)
```
#ede1a9
```
#ede1a9 rgb(237,225,169)
```
#f0e7b9
```
#f0e7b9 rgb(240,231,185)
```
#f4ecca
```
#f4ecca rgb(244,236,202)
```
#f7f2da
```
#f7f2da rgb(247,242,218)
```
#fbf8ea
```
#fbf8ea rgb(251,248,234)
```
#fefdfa
```
#fefdfa rgb(254,253,250)
```

Tint Color Variation

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

#9e9d96
```
#9e9d96 rgb(158,157,150)
```
#a6a28e
```
#a6a28e rgb(166,162,142)
```
#ada787
```
#ada787 rgb(173,167,135)
```
#b5ac7f
```
#b5ac7f rgb(181,172,127)
```
#bdb177
```
#bdb177 rgb(189,177,119)
```
#c5b66f
```
#c5b66f rgb(197,182,111)
```
#ccbb68
```
#ccbb68 rgb(204,187,104)
```
#d4c060
```
#d4c060 rgb(212,192,96)
```
#dcc558
```
#dcc558 rgb(220,197,88)
```
#e4ca50
```
#e4ca50 rgb(228,202,80)
```
#eccf48
```
#eccf48 rgb(236,207,72)
```
#f3d441
```
#f3d441 rgb(243,212,65)
```
#fbd939
```
#fbd939 rgb(251,217,57)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#c5c0aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddc860 Protanopia 1% of men
#f4bf63 Deuteranopia 1% of men
#e8bcc9 Tritanopia 0.001% of the population

Trichromacy

#dcc75d Protanomaly 1% of men, 0.01% of women
#ebc15f Deuteranomaly 6% of men, 0.4% of women
#e3bfa0 Tritanomaly 0.01% of the population

#dcc558 hex color

#dcc558 Color Information

#dcc558 Color Conversion

Color Schemes with #dcc558

Alternatives to #dcc558

#dcc558 Preview

Shades and Tints of #dcc558

Tones of #dcc558

Color Blindness Simulator