#dcc158 hex color

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

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

● #dcc158 color description : Soft yellow.

The hexadecimal color #dcc158 has RGB values of R:220, G:193, B:88 and CMYK values of C:0, M:0.12, Y:0.6, K:0.14. Its decimal value is 14467416.

Hex triplet	dcc158	`#dcc158`
RGB Decimal	220, 193, 88	`rgb(220,193,88)`
RGB Percent	86.3, 75.7, 34.5	`rgb(86.3%,75.7%,34.5%)`
CMYK	0, 12, 60, 14
HSL	47.7°, 65.3, 60.4	`hsl(47.7,65.3%,60.4%)`
HSV (or HSB)	47.7°, 60, 86.3
Web Safe	cccc66	`#cccc66`

CIE-LAB	78.498, -2.759, 55.201
XYZ	50.347, 54.062, 17.015
xyY	0.415, 0.445, 54.062
CIE-LCH	78.498, 55.27, 92.862
CIE-LUV	78.498, 23.371, 66.312
Hunter-Lab	73.527, -6.445, 37.748
Binary	11011100, 11000001, 01011000

#dcc158
```
#dcc158 rgb(220,193,88)
```
#5873dc
```
#5873dc rgb(88,115,220)
```

Complementary Color

#dc7f58
```
#dc7f58 rgb(220,127,88)
```
#dcc158
```
#dcc158 rgb(220,193,88)
```
#b5dc58
```
#b5dc58 rgb(181,220,88)
```

Analogous Color

#7f58dc
```
#7f58dc rgb(127,88,220)
```
#dcc158
```
#dcc158 rgb(220,193,88)
```
#58b5dc
```
#58b5dc rgb(88,181,220)
```

Split Complementary Color

#c158dc
```
#c158dc rgb(193,88,220)
```
#dcc158
```
#dcc158 rgb(220,193,88)
```
#58dcc1
```
#58dcc1 rgb(88,220,193)
```

Triadic Color

#dc5873
```
#dc5873 rgb(220,88,115)
```
#dcc158
```
#dcc158 rgb(220,193,88)
```
#58dcc1
```
#58dcc1 rgb(88,220,193)
```
#5873dc
```
#5873dc rgb(88,115,220)
```

Tetradic Color

#bfa028
```
#bfa028 rgb(191,160,40)
```
#d3b12e
```
#d3b12e rgb(211,177,46)
```
#d8b943
```
#d8b943 rgb(216,185,67)
```
#dcc158
```
#dcc158 rgb(220,193,88)
```
#e0c96d
```
#e0c96d rgb(224,201,109)
```
#e5d182
```
#e5d182 rgb(229,209,130)
```
#e9d897
```
#e9d897 rgb(233,216,151)
```

Monochromatic Color

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

#dca058
```
#dca058 rgb(220,160,88)
```
#dcab58
```
#dcab58 rgb(220,171,88)
```
#dcb658
```
#dcb658 rgb(220,182,88)
```
#dcc158
```
#dcc158 rgb(220,193,88)
```
#dccc58
```
#dccc58 rgb(220,204,88)
```
#dcd758
```
#dcd758 rgb(220,215,88)
```
#d6dc58
```
#d6dc58 rgb(214,220,88)
```

Similar Colors

Text with hexadecimal color #dcc158

This text has a font color of #dcc158.

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

#dcc158 background color

This paragraph has a background color of #dcc158.

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

#dcc158 border color

This element has a border color of #dcc158.

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

CSS codes

.text {color:#dcc158;}

.background {background-color:#dcc158;}

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

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)
```
#1c1706
```
#1c1706 rgb(28,23,6)
```
#2c2509
```
#2c2509 rgb(44,37,9)
```
#3c320d
```
#3c320d rgb(60,50,13)
```
#4c4010
```
#4c4010 rgb(76,64,16)
```
#5c4e13
```
#5c4e13 rgb(92,78,19)
```
#6d5b17
```
#6d5b17 rgb(109,91,23)
```
#7d691a
```
#7d691a rgb(125,105,26)
```
#8d761e
```
#8d761e rgb(141,118,30)
```
#9d8421
```
#9d8421 rgb(157,132,33)
```
#ae9124
```
#ae9124 rgb(174,145,36)
```
#be9f28
```
#be9f28 rgb(190,159,40)
```
#cead2b
```
#cead2b rgb(206,173,43)
```

Shade Color Variation

#d5b538
```
#d5b538 rgb(213,181,56)
```
#d9bb48
```
#d9bb48 rgb(217,187,72)
```
#dcc158
```
#dcc158 rgb(220,193,88)
```
#dfc768
```
#dfc768 rgb(223,199,104)
```
#e3cd78
```
#e3cd78 rgb(227,205,120)
```
#e6d389
```
#e6d389 rgb(230,211,137)
```
#ead999
```
#ead999 rgb(234,217,153)
```
#eddfa9
```
#eddfa9 rgb(237,223,169)
```
#f0e5b9
```
#f0e5b9 rgb(240,229,185)
```
#f4ebca
```
#f4ebca rgb(244,235,202)
```
#f7f1da
```
#f7f1da rgb(247,241,218)
```
#fbf7ea
```
#fbf7ea rgb(251,247,234)
```
#fefdfa
```
#fefdfa rgb(254,253,250)
```

Tint Color Variation

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

#9e9c96
```
#9e9c96 rgb(158,156,150)
```
#a6a18e
```
#a6a18e rgb(166,161,142)
```
#ada587
```
#ada587 rgb(173,165,135)
```
#b5aa7f
```
#b5aa7f rgb(181,170,127)
```
#bdaf77
```
#bdaf77 rgb(189,175,119)
```
#c5b36f
```
#c5b36f rgb(197,179,111)
```
#ccb868
```
#ccb868 rgb(204,184,104)
```
#d4bc60
```
#d4bc60 rgb(212,188,96)
```
#dcc158
```
#dcc158 rgb(220,193,88)
```
#e4c650
```
#e4c650 rgb(228,198,80)
```
#ecca48
```
#ecca48 rgb(236,202,72)
```
#f3cf41
```
#f3cf41 rgb(243,207,65)
```
#fbd339
```
#fbd339 rgb(251,211,57)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#c3bea9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9c561 Protanopia 1% of men
#f1bc63 Deuteranopia 1% of men
#e7b9c6 Tritanopia 0.001% of the population

Trichromacy

#dac35d Protanomaly 1% of men, 0.01% of women
#e9be5f Deuteranomaly 6% of men, 0.4% of women
#e3bc9e Tritanomaly 0.01% of the population

#dcc158 hex color

#dcc158 Color Information

#dcc158 Color Conversion

Color Schemes with #dcc158

Alternatives to #dcc158

#dcc158 Preview

Shades and Tints of #dcc158

Tones of #dcc158

Color Blindness Simulator