colorhexa.com

#dcc258 hex color

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

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

● #dcc258 color description : Soft yellow.

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

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

CIE-LAB	78.756, -3.277, 55.49
XYZ	50.569, 54.505, 17.089
xyY	0.414, 0.446, 54.505
CIE-LCH	78.756, 55.586, 93.38
CIE-LUV	78.756, 22.691, 66.76
Hunter-Lab	73.828, -6.934, 37.956
Binary	11011100, 11000010, 01011000

#dcc258
```
#dcc258 rgb(220,194,88)
```
#5872dc
```
#5872dc rgb(88,114,220)
```

Complementary Color

#dc8058
```
#dc8058 rgb(220,128,88)
```
#dcc258
```
#dcc258 rgb(220,194,88)
```
#b4dc58
```
#b4dc58 rgb(180,220,88)
```

Analogous Color

#8058dc
```
#8058dc rgb(128,88,220)
```
#dcc258
```
#dcc258 rgb(220,194,88)
```
#58b4dc
```
#58b4dc rgb(88,180,220)
```

Split Complementary Color

#c258dc
```
#c258dc rgb(194,88,220)
```
#dcc258
```
#dcc258 rgb(220,194,88)
```
#58dcc2
```
#58dcc2 rgb(88,220,194)
```

Triadic Color

#dc5872
```
#dc5872 rgb(220,88,114)
```
#dcc258
```
#dcc258 rgb(220,194,88)
```
#58dcc2
```
#58dcc2 rgb(88,220,194)
```
#5872dc
```
#5872dc rgb(88,114,220)
```

Tetradic Color

#bfa228
```
#bfa228 rgb(191,162,40)
```
#d3b32e
```
#d3b32e rgb(211,179,46)
```
#d8ba43
```
#d8ba43 rgb(216,186,67)
```
#dcc258
```
#dcc258 rgb(220,194,88)
```
#e0ca6d
```
#e0ca6d rgb(224,202,109)
```
#e5d182
```
#e5d182 rgb(229,209,130)
```
#e9d997
```
#e9d997 rgb(233,217,151)
```

Monochromatic Color

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

#dca158
```
#dca158 rgb(220,161,88)
```
#dcac58
```
#dcac58 rgb(220,172,88)
```
#dcb758
```
#dcb758 rgb(220,183,88)
```
#dcc258
```
#dcc258 rgb(220,194,88)
```
#dccd58
```
#dccd58 rgb(220,205,88)
```
#dcd858
```
#dcd858 rgb(220,216,88)
```
#d5dc58
```
#d5dc58 rgb(213,220,88)
```

Similar Colors

Text with hexadecimal color #dcc258

This text has a font color of #dcc258.

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

#dcc258 background color

This paragraph has a background color of #dcc258.

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

#dcc258 border color

This element has a border color of #dcc258.

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

CSS codes

.text {color:#dcc258;}

.background {background-color:#dcc258;}

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

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)
```
#3c330d
```
#3c330d rgb(60,51,13)
```
#4c4010
```
#4c4010 rgb(76,64,16)
```
#5c4e13
```
#5c4e13 rgb(92,78,19)
```
#6d5c17
```
#6d5c17 rgb(109,92,23)
```
#7d691a
```
#7d691a rgb(125,105,26)
```
#8d771e
```
#8d771e rgb(141,119,30)
```
#9d8521
```
#9d8521 rgb(157,133,33)
```
#ae9324
```
#ae9324 rgb(174,147,36)
```
#bea028
```
#bea028 rgb(190,160,40)
```
#ceae2b
```
#ceae2b rgb(206,174,43)
```

Shade Color Variation

#d5b638
```
#d5b638 rgb(213,182,56)
```
#d9bc48
```
#d9bc48 rgb(217,188,72)
```
#dcc258
```
#dcc258 rgb(220,194,88)
```
#dfc868
```
#dfc868 rgb(223,200,104)
```
#e3ce78
```
#e3ce78 rgb(227,206,120)
```
#e6d489
```
#e6d489 rgb(230,212,137)
```
#eada99
```
#eada99 rgb(234,218,153)
```
#ede0a9
```
#ede0a9 rgb(237,224,169)
```
#f0e6b9
```
#f0e6b9 rgb(240,230,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 #fbd539 is the most saturated one.

#9e9c96
```
#9e9c96 rgb(158,156,150)
```
#a6a18e
```
#a6a18e rgb(166,161,142)
```
#ada687
```
#ada687 rgb(173,166,135)
```
#b5aa7f
```
#b5aa7f rgb(181,170,127)
```
#bdaf77
```
#bdaf77 rgb(189,175,119)
```
#c5b46f
```
#c5b46f rgb(197,180,111)
```
#ccb968
```
#ccb968 rgb(204,185,104)
```
#d4bd60
```
#d4bd60 rgb(212,189,96)
```
#dcc258
```
#dcc258 rgb(220,194,88)
```
#e4c750
```
#e4c750 rgb(228,199,80)
```
#eccb48
```
#eccb48 rgb(236,203,72)
```
#f3d041
```
#f3d041 rgb(243,208,65)
```
#fbd539
```
#fbd539 rgb(251,213,57)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#c4bfaa Atypical Achromatopsia 0.001% of the population

Dichromacy

#dac661 Protanopia 1% of men
#f2bd63 Deuteranopia 1% of men
#e7bac7 Tritanopia 0.001% of the population

Trichromacy

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