#ddc158 hex color

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

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

● #ddc158 color description : Soft yellow.

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

Hex triplet	ddc158	`#ddc158`
RGB Decimal	221, 193, 88	`rgb(221,193,88)`
RGB Percent	86.7, 75.7, 34.5	`rgb(86.7%,75.7%,34.5%)`
CMYK	0, 13, 60, 13
HSL	47.4°, 66.2, 60.6	`hsl(47.4,66.2%,60.6%)`
HSV (or HSB)	47.4°, 60.2, 86.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	78.589, -2.341, 55.328
XYZ	50.65, 54.218, 17.029
xyY	0.416, 0.445, 54.218
CIE-LCH	78.589, 55.378, 92.422
CIE-LUV	78.589, 24.09, 66.358
Hunter-Lab	73.633, -6.072, 37.831
Binary	11011101, 11000001, 01011000

#ddc158
```
#ddc158 rgb(221,193,88)
```
#5874dd
```
#5874dd rgb(88,116,221)
```

Complementary Color

#dd7f58
```
#dd7f58 rgb(221,127,88)
```
#ddc158
```
#ddc158 rgb(221,193,88)
```
#b7dd58
```
#b7dd58 rgb(183,221,88)
```

Analogous Color

#7f58dd
```
#7f58dd rgb(127,88,221)
```
#ddc158
```
#ddc158 rgb(221,193,88)
```
#58b7dd
```
#58b7dd rgb(88,183,221)
```

Split Complementary Color

#c158dd
```
#c158dd rgb(193,88,221)
```
#ddc158
```
#ddc158 rgb(221,193,88)
```
#58ddc1
```
#58ddc1 rgb(88,221,193)
```

Triadic Color

#dd5874
```
#dd5874 rgb(221,88,116)
```
#ddc158
```
#ddc158 rgb(221,193,88)
```
#58ddc1
```
#58ddc1 rgb(88,221,193)
```
#5874dd
```
#5874dd rgb(88,116,221)
```

Tetradic Color

#c1a127
```
#c1a127 rgb(193,161,39)
```
#d4b12e
```
#d4b12e rgb(212,177,46)
```
#d9b943
```
#d9b943 rgb(217,185,67)
```
#ddc158
```
#ddc158 rgb(221,193,88)
```
#e1c96d
```
#e1c96d rgb(225,201,109)
```
#e6d182
```
#e6d182 rgb(230,209,130)
```
#ead998
```
#ead998 rgb(234,217,152)
```

Monochromatic Color

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

#dda058
```
#dda058 rgb(221,160,88)
```
#ddab58
```
#ddab58 rgb(221,171,88)
```
#ddb658
```
#ddb658 rgb(221,182,88)
```
#ddc158
```
#ddc158 rgb(221,193,88)
```
#ddcc58
```
#ddcc58 rgb(221,204,88)
```
#ddd758
```
#ddd758 rgb(221,215,88)
```
#d8dd58
```
#d8dd58 rgb(216,221,88)
```

Similar Colors

Text with hexadecimal color #ddc158

This text has a font color of #ddc158.

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

#ddc158 background color

This paragraph has a background color of #ddc158.

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

#ddc158 border color

This element has a border color of #ddc158.

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

CSS codes

.text {color:#ddc158;}

.background {background-color:#ddc158;}

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

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

#0c0a02
```
#0c0a02 rgb(12,10,2)
```
#1d1806
```
#1d1806 rgb(29,24,6)
```
#2d2509
```
#2d2509 rgb(45,37,9)
```
#3d330c
```
#3d330c rgb(61,51,12)
```
#4d4010
```
#4d4010 rgb(77,64,16)
```
#5e4e13
```
#5e4e13 rgb(94,78,19)
```
#6e5c16
```
#6e5c16 rgb(110,92,22)
```
#7e691a
```
#7e691a rgb(126,105,26)
```
#8f771d
```
#8f771d rgb(143,119,29)
```
#9f8420
```
#9f8420 rgb(159,132,32)
```
#af9224
```
#af9224 rgb(175,146,36)
```
#c09f27
```
#c09f27 rgb(192,159,39)
```
#d0ad2a
```
#d0ad2a rgb(208,173,42)
```

Shade Color Variation

#d6b537
```
#d6b537 rgb(214,181,55)
```
#dabb48
```
#dabb48 rgb(218,187,72)
```
#ddc158
```
#ddc158 rgb(221,193,88)
```
#e0c768
```
#e0c768 rgb(224,199,104)
```
#e4cd79
```
#e4cd79 rgb(228,205,121)
```
#e7d389
```
#e7d389 rgb(231,211,137)
```
#ead999
```
#ead999 rgb(234,217,153)
```
#eedfa9
```
#eedfa9 rgb(238,223,169)
```
#f1e5ba
```
#f1e5ba rgb(241,229,186)
```
#f4ebca
```
#f4ebca rgb(244,235,202)
```
#f8f1da
```
#f8f1da rgb(248,241,218)
```
#fbf7eb
```
#fbf7eb rgb(251,247,235)
```
#fefefb
```
#fefefb rgb(254,254,251)
```

Tint Color Variation

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

#9f9d96
```
#9f9d96 rgb(159,157,150)
```
#a7a28e
```
#a7a28e rgb(167,162,142)
```
#afa686
```
#afa686 rgb(175,166,134)
```
#b6ab7f
```
#b6ab7f rgb(182,171,127)
```
#beaf77
```
#beaf77 rgb(190,175,119)
```
#c6b46f
```
#c6b46f rgb(198,180,111)
```
#ceb867
```
#ceb867 rgb(206,184,103)
```
#d5bd60
```
#d5bd60 rgb(213,189,96)
```
#ddc158
```
#ddc158 rgb(221,193,88)
```
#e5c550
```
#e5c550 rgb(229,197,80)
```
#ecca49
```
#ecca49 rgb(236,202,73)
```
#f4ce41
```
#f4ce41 rgb(244,206,65)
```
#fcd339
```
#fcd339 rgb(252,211,57)
```

Tone Color Variation

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

#dac561 Protanopia 1% of men
#f1bc63 Deuteranopia 1% of men
#e8b9c6 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
#e4bc9e Tritanomaly 0.01% of the population

#ddc158 hex color

#ddc158 Color Information

#ddc158 Color Conversion

Color Schemes with #ddc158

Alternatives to #ddc158

#ddc158 Preview

Shades and Tints of #ddc158

Tones of #ddc158

Color Blindness Simulator