#ddc858 hex color

In a RGB color space, hex #ddc858 is composed of 86.7% red, 78.4% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.5% magenta, 60.2% yellow and 13.3% black. It has a hue angle of 50.5 degrees, a saturation of 66.2% and a lightness of 60.6%. #ddc858 color hex could be obtained by blending #ffffb0 with #bb9100. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 87
- G 78
- B 35
RGB color chart
- C 0
- M 10
- Y 60
- K 13
CMYK color chart

● #ddc858 color description : Soft yellow.

The hexadecimal color #ddc858 has RGB values of R:221, G:200, B:88 and CMYK values of C:0, M:0.1, Y:0.6, K:0.13. Its decimal value is 14534744.

Hex triplet	ddc858	`#ddc858`
RGB Decimal	221, 200, 88	`rgb(221,200,88)`
RGB Percent	86.7, 78.4, 34.5	`rgb(86.7%,78.4%,34.5%)`
CMYK	0, 10, 60, 13
HSL	50.5°, 66.2, 60.6	`hsl(50.5,66.2%,60.6%)`
HSV (or HSB)	50.5°, 60.2, 86.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	80.397, -5.95, 57.343
XYZ	52.235, 57.387, 17.557
xyY	0.411, 0.451, 57.387
CIE-LCH	80.397, 57.65, 95.924
CIE-LUV	80.397, 19.354, 69.487
Hunter-Lab	75.754, -9.488, 39.286
Binary	11011101, 11001000, 01011000

#ddc858
```
#ddc858 rgb(221,200,88)
```
#586ddd
```
#586ddd rgb(88,109,221)
```

Complementary Color

#dd8658
```
#dd8658 rgb(221,134,88)
```
#ddc858
```
#ddc858 rgb(221,200,88)
```
#b0dd58
```
#b0dd58 rgb(176,221,88)
```

Analogous Color

#8658dd
```
#8658dd rgb(134,88,221)
```
#ddc858
```
#ddc858 rgb(221,200,88)
```
#58b0dd
```
#58b0dd rgb(88,176,221)
```

Split Complementary Color

#c858dd
```
#c858dd rgb(200,88,221)
```
#ddc858
```
#ddc858 rgb(221,200,88)
```
#58ddc8
```
#58ddc8 rgb(88,221,200)
```

Triadic Color

#dd586d
```
#dd586d rgb(221,88,109)
```
#ddc858
```
#ddc858 rgb(221,200,88)
```
#58ddc8
```
#58ddc8 rgb(88,221,200)
```
#586ddd
```
#586ddd rgb(88,109,221)
```

Tetradic Color

#c1a927
```
#c1a927 rgb(193,169,39)
```
#d4ba2e
```
#d4ba2e rgb(212,186,46)
```
#d9c143
```
#d9c143 rgb(217,193,67)
```
#ddc858
```
#ddc858 rgb(221,200,88)
```
#e1cf6d
```
#e1cf6d rgb(225,207,109)
```
#e6d682
```
#e6d682 rgb(230,214,130)
```
#eadd98
```
#eadd98 rgb(234,221,152)
```

Monochromatic Color

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

#dda758
```
#dda758 rgb(221,167,88)
```
#ddb258
```
#ddb258 rgb(221,178,88)
```
#ddbd58
```
#ddbd58 rgb(221,189,88)
```
#ddc858
```
#ddc858 rgb(221,200,88)
```
#ddd358
```
#ddd358 rgb(221,211,88)
```
#dcdd58
```
#dcdd58 rgb(220,221,88)
```
#d1dd58
```
#d1dd58 rgb(209,221,88)
```

Similar Colors

Text with hexadecimal color #ddc858

This text has a font color of #ddc858.

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

#ddc858 background color

This paragraph has a background color of #ddc858.

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

#ddc858 border color

This element has a border color of #ddc858.

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

CSS codes

.text {color:#ddc858;}

.background {background-color:#ddc858;}

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

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

#0c0b02
```
#0c0b02 rgb(12,11,2)
```
#1d1906
```
#1d1906 rgb(29,25,6)
```
#2d2709
```
#2d2709 rgb(45,39,9)
```
#3d350c
```
#3d350c rgb(61,53,12)
```
#4d4410
```
#4d4410 rgb(77,68,16)
```
#5e5213
```
#5e5213 rgb(94,82,19)
```
#6e6016
```
#6e6016 rgb(110,96,22)
```
#7e6e1a
```
#7e6e1a rgb(126,110,26)
```
#8f7d1d
```
#8f7d1d rgb(143,125,29)
```
#9f8b20
```
#9f8b20 rgb(159,139,32)
```
#af9924
```
#af9924 rgb(175,153,36)
```
#c0a727
```
#c0a727 rgb(192,167,39)
```
#d0b62a
```
#d0b62a rgb(208,182,42)
```

Shade Color Variation

#d6bd37
```
#d6bd37 rgb(214,189,55)
```
#dac348
```
#dac348 rgb(218,195,72)
```
#ddc858
```
#ddc858 rgb(221,200,88)
```
#e0cd68
```
#e0cd68 rgb(224,205,104)
```
#e4d379
```
#e4d379 rgb(228,211,121)
```
#e7d889
```
#e7d889 rgb(231,216,137)
```
#eadd99
```
#eadd99 rgb(234,221,153)
```
#eee3a9
```
#eee3a9 rgb(238,227,169)
```
#f1e8ba
```
#f1e8ba rgb(241,232,186)
```
#f4eeca
```
#f4eeca rgb(244,238,202)
```
#f8f3da
```
#f8f3da rgb(248,243,218)
```
#fbf8eb
```
#fbf8eb rgb(251,248,235)
```
#fefefb
```
#fefefb rgb(254,254,251)
```

Tint Color Variation

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

#9f9e96
```
#9f9e96 rgb(159,158,150)
```
#a7a38e
```
#a7a38e rgb(167,163,142)
```
#afa886
```
#afa886 rgb(175,168,134)
```
#b6ae7f
```
#b6ae7f rgb(182,174,127)
```
#beb377
```
#beb377 rgb(190,179,119)
```
#c6b86f
```
#c6b86f rgb(198,184,111)
```
#cebd67
```
#cebd67 rgb(206,189,103)
```
#d5c360
```
#d5c360 rgb(213,195,96)
```
#ddc858
```
#ddc858 rgb(221,200,88)
```
#e5cd50
```
#e5cd50 rgb(229,205,80)
```
#ecd349
```
#ecd349 rgb(236,211,73)
```
#f4d841
```
#f4d841 rgb(244,216,65)
```
#fcdd39
```
#fcdd39 rgb(252,221,57)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#c7c3ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfca60 Protanopia 1% of men
#f7c164 Deuteranopia 1% of men
#e9bfcc Tritanopia 0.001% of the population

Trichromacy

#dec95d Protanomaly 1% of men, 0.01% of women
#eec35f Deuteranomaly 6% of men, 0.4% of women
#e4c2a2 Tritanomaly 0.01% of the population

#ddc858 hex color

#ddc858 Color Information

#ddc858 Color Conversion

Color Schemes with #ddc858

Alternatives to #ddc858

#ddc858 Preview

Shades and Tints of #ddc858

Tones of #ddc858

Color Blindness Simulator