#ddd85f hex color

In a RGB color space, hex #ddd85f is composed of 86.7% red, 84.7% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.3% magenta, 57% yellow and 13.3% black. It has a hue angle of 57.6 degrees, a saturation of 64.9% and a lightness of 62%. #ddd85f color hex could be obtained by blending #ffffbe with #bbb100. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 87
- G 85
- B 37
RGB color chart
- C 0
- M 2
- Y 57
- K 13
CMYK color chart

● #ddd85f color description : Soft yellow.

The hexadecimal color #ddd85f has RGB values of R:221, G:216, B:95 and CMYK values of C:0, M:0.02, Y:0.57, K:0.13. Its decimal value is 14538847.

Hex triplet	ddd85f	`#ddd85f`
RGB Decimal	221, 216, 95	`rgb(221,216,95)`
RGB Percent	86.7, 84.7, 37.3	`rgb(86.7%,84.7%,37.3%)`
CMYK	0, 2, 57, 13
HSL	57.6°, 64.9, 62	`hsl(57.6,64.9%,62%)`
HSV (or HSB)	57.6°, 57, 86.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	84.644, -13.548, 58.971
XYZ	56.44, 65.311, 20.459
xyY	0.397, 0.459, 65.311
CIE-LCH	84.644, 60.507, 102.938
CIE-LUV	84.644, 8.657, 74.002
Hunter-Lab	80.815, -16.765, 41.561
Binary	11011101, 11011000, 01011111

#ddd85f
```
#ddd85f rgb(221,216,95)
```
#5f64dd
```
#5f64dd rgb(95,100,221)
```

Complementary Color

#dd995f
```
#dd995f rgb(221,153,95)
```
#ddd85f
```
#ddd85f rgb(221,216,95)
```
#a3dd5f
```
#a3dd5f rgb(163,221,95)
```

Analogous Color

#995fdd
```
#995fdd rgb(153,95,221)
```
#ddd85f
```
#ddd85f rgb(221,216,95)
```
#5fa3dd
```
#5fa3dd rgb(95,163,221)
```

Split Complementary Color

#d85fdd
```
#d85fdd rgb(216,95,221)
```
#ddd85f
```
#ddd85f rgb(221,216,95)
```
#5fddd8
```
#5fddd8 rgb(95,221,216)
```

Triadic Color

#dd5f64
```
#dd5f64 rgb(221,95,100)
```
#ddd85f
```
#ddd85f rgb(221,216,95)
```
#5fddd8
```
#5fddd8 rgb(95,221,216)
```
#5f64dd
```
#5f64dd rgb(95,100,221)
```

Tetradic Color

#c6bf2a
```
#c6bf2a rgb(198,191,42)
```
#d4ce35
```
#d4ce35 rgb(212,206,53)
```
#d9d34a
```
#d9d34a rgb(217,211,74)
```
#ddd85f
```
#ddd85f rgb(221,216,95)
```
#e1dd74
```
#e1dd74 rgb(225,221,116)
```
#e6e289
```
#e6e289 rgb(230,226,137)
```
#eae79e
```
#eae79e rgb(234,231,158)
```

Monochromatic Color

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

#ddb95f
```
#ddb95f rgb(221,185,95)
```
#ddc35f
```
#ddc35f rgb(221,195,95)
```
#ddce5f
```
#ddce5f rgb(221,206,95)
```
#ddd85f
```
#ddd85f rgb(221,216,95)
```
#d8dd5f
```
#d8dd5f rgb(216,221,95)
```
#cddd5f
```
#cddd5f rgb(205,221,95)
```
#c3dd5f
```
#c3dd5f rgb(195,221,95)
```

Similar Colors

Text with hexadecimal color #ddd85f

This text has a font color of #ddd85f.

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

#ddd85f background color

This paragraph has a background color of #ddd85f.

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

#ddd85f border color

This element has a border color of #ddd85f.

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

CSS codes

.text {color:#ddd85f;}

.background {background-color:#ddd85f;}

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

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, #020200 is the darkest color, while #fcfbf1 is the lightest one.

#020200
```
#020200 rgb(2,2,0)
```
#121104
```
#121104 rgb(18,17,4)
```
#222107
```
#222107 rgb(34,33,7)
```
#32310b
```
#32310b rgb(50,49,11)
```
#42400e
```
#42400e rgb(66,64,14)
```
#535012
```
#535012 rgb(83,80,18)
```
#636015
```
#636015 rgb(99,96,21)
```
#736f18
```
#736f18 rgb(115,111,24)
```
#837f1c
```
#837f1c rgb(131,127,28)
```
#938f1f
```
#938f1f rgb(147,143,31)
```
#a49e23
```
#a49e23 rgb(164,158,35)
```
#b4ae26
```
#b4ae26 rgb(180,174,38)
```
#c4be2a
```
#c4be2a rgb(196,190,42)
```

Shade Color Variation

#d3cc2e
```
#d3cc2e rgb(211,204,46)
```
#d6d03f
```
#d6d03f rgb(214,208,63)
```
#dad44f
```
#dad44f rgb(218,212,79)
```
#ddd85f
```
#ddd85f rgb(221,216,95)
```
#e0dc6f
```
#e0dc6f rgb(224,220,111)
```
#e4e07f
```
#e4e07f rgb(228,224,127)
```
#e7e490
```
#e7e490 rgb(231,228,144)
```
#ebe8a0
```
#ebe8a0 rgb(235,232,160)
```
#eeecb0
```
#eeecb0 rgb(238,236,176)
```
#f2f0c0
```
#f2f0c0 rgb(242,240,192)
```
#f5f4d0
```
#f5f4d0 rgb(245,244,208)
```
#f9f8e0
```
#f9f8e0 rgb(249,248,224)
```
#fcfbf1
```
#fcfbf1 rgb(252,251,241)
```

Tint Color Variation

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

#a1a19b
```
#a1a19b rgb(161,161,155)
```
#a9a893
```
#a9a893 rgb(169,168,147)
```
#b0af8c
```
#b0af8c rgb(176,175,140)
```
#b8b684
```
#b8b684 rgb(184,182,132)
```
#bfbd7d
```
#bfbd7d rgb(191,189,125)
```
#c7c375
```
#c7c375 rgb(199,195,117)
```
#ceca6e
```
#ceca6e rgb(206,202,110)
```
#d6d166
```
#d6d166 rgb(214,209,102)
```
#ddd85f
```
#ddd85f rgb(221,216,95)
```
#e4df58
```
#e4df58 rgb(228,223,88)
```
#ece650
```
#ece650 rgb(236,230,80)
```
#f3ed49
```
#f3ed49 rgb(243,237,73)
```
#fbf341
```
#fbf341 rgb(251,243,65)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#cfceb6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecd566 Protanopia 1% of men
#ffcd83 Deuteranopia 1% of men
#ebcddc Tritanopia 0.001% of the population

Trichromacy

#e6d663 Protanomaly 1% of men, 0.01% of women
#f2d176 Deuteranomaly 6% of men, 0.4% of women
#e6d1ae Tritanomaly 0.01% of the population

#ddd85f hex color

#ddd85f Color Information

#ddd85f Color Conversion

Color Schemes with #ddd85f

Alternatives to #ddd85f

#ddd85f Preview

Shades and Tints of #ddd85f

Tones of #ddd85f

Color Blindness Simulator