#ddd45f hex color

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

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

● #ddd45f color description : Soft yellow.

The hexadecimal color #ddd45f has RGB values of R:221, G:212, B:95 and CMYK values of C:0, M:0.04, Y:0.57, K:0.13. Its decimal value is 14537823.

Hex triplet	ddd45f	`#ddd45f`
RGB Decimal	221, 212, 95	`rgb(221,212,95)`
RGB Percent	86.7, 83.1, 37.3	`rgb(86.7%,83.1%,37.3%)`
CMYK	0, 4, 57, 13
HSL	55.7°, 64.9, 62	`hsl(55.7,64.9%,62%)`
HSV (or HSB)	55.7°, 57, 86.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	83.593, -11.546, 57.792
XYZ	55.428, 63.286, 20.122
xyY	0.399, 0.456, 63.286
CIE-LCH	83.593, 58.934, 101.298
CIE-LUV	83.593, 11.217, 72.194
Hunter-Lab	79.553, -14.849, 40.69
Binary	11011101, 11010100, 01011111

#ddd45f
```
#ddd45f rgb(221,212,95)
```
#5f68dd
```
#5f68dd rgb(95,104,221)
```

Complementary Color

#dd955f
```
#dd955f rgb(221,149,95)
```
#ddd45f
```
#ddd45f rgb(221,212,95)
```
#a7dd5f
```
#a7dd5f rgb(167,221,95)
```

Analogous Color

#955fdd
```
#955fdd rgb(149,95,221)
```
#ddd45f
```
#ddd45f rgb(221,212,95)
```
#5fa7dd
```
#5fa7dd rgb(95,167,221)
```

Split Complementary Color

#d45fdd
```
#d45fdd rgb(212,95,221)
```
#ddd45f
```
#ddd45f rgb(221,212,95)
```
#5fddd4
```
#5fddd4 rgb(95,221,212)
```

Triadic Color

#dd5f68
```
#dd5f68 rgb(221,95,104)
```
#ddd45f
```
#ddd45f rgb(221,212,95)
```
#5fddd4
```
#5fddd4 rgb(95,221,212)
```
#5f68dd
```
#5f68dd rgb(95,104,221)
```

Tetradic Color

#c6ba2a
```
#c6ba2a rgb(198,186,42)
```
#d4c935
```
#d4c935 rgb(212,201,53)
```
#d9ce4a
```
#d9ce4a rgb(217,206,74)
```
#ddd45f
```
#ddd45f rgb(221,212,95)
```
#e1da74
```
#e1da74 rgb(225,218,116)
```
#e6df89
```
#e6df89 rgb(230,223,137)
```
#eae59e
```
#eae59e rgb(234,229,158)
```

Monochromatic Color

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

#ddb55f
```
#ddb55f rgb(221,181,95)
```
#ddbf5f
```
#ddbf5f rgb(221,191,95)
```
#ddca5f
```
#ddca5f rgb(221,202,95)
```
#ddd45f
```
#ddd45f rgb(221,212,95)
```
#dcdd5f
```
#dcdd5f rgb(220,221,95)
```
#d1dd5f
```
#d1dd5f rgb(209,221,95)
```
#c7dd5f
```
#c7dd5f rgb(199,221,95)
```

Similar Colors

Text with hexadecimal color #ddd45f

This text has a font color of #ddd45f.

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

#ddd45f background color

This paragraph has a background color of #ddd45f.

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

#ddd45f border color

This element has a border color of #ddd45f.

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

CSS codes

.text {color:#ddd45f;}

.background {background-color:#ddd45f;}

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

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)
```
#222007
```
#222007 rgb(34,32,7)
```
#322f0b
```
#322f0b rgb(50,47,11)
```
#423f0e
```
#423f0e rgb(66,63,14)
```
#534e12
```
#534e12 rgb(83,78,18)
```
#635d15
```
#635d15 rgb(99,93,21)
```
#736d18
```
#736d18 rgb(115,109,24)
```
#837c1c
```
#837c1c rgb(131,124,28)
```
#938b1f
```
#938b1f rgb(147,139,31)
```
#a49a23
```
#a49a23 rgb(164,154,35)
```
#b4aa26
```
#b4aa26 rgb(180,170,38)
```
#c4b92a
```
#c4b92a rgb(196,185,42)
```

Shade Color Variation

#d3c72e
```
#d3c72e rgb(211,199,46)
```
#d6cb3f
```
#d6cb3f rgb(214,203,63)
```
#dad04f
```
#dad04f rgb(218,208,79)
```
#ddd45f
```
#ddd45f rgb(221,212,95)
```
#e0d86f
```
#e0d86f rgb(224,216,111)
```
#e4dd7f
```
#e4dd7f rgb(228,221,127)
```
#e7e190
```
#e7e190 rgb(231,225,144)
```
#ebe5a0
```
#ebe5a0 rgb(235,229,160)
```
#eeeab0
```
#eeeab0 rgb(238,234,176)
```
#f2eec0
```
#f2eec0 rgb(242,238,192)
```
#f5f2d0
```
#f5f2d0 rgb(245,242,208)
```
#f9f7e0
```
#f9f7e0 rgb(249,247,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 #fbee41 is the most saturated one.

#a1a19b
```
#a1a19b rgb(161,161,155)
```
#a9a793
```
#a9a793 rgb(169,167,147)
```
#b0ae8c
```
#b0ae8c rgb(176,174,140)
```
#b8b484
```
#b8b484 rgb(184,180,132)
```
#bfba7d
```
#bfba7d rgb(191,186,125)
```
#c7c175
```
#c7c175 rgb(199,193,117)
```
#cec76e
```
#cec76e rgb(206,199,110)
```
#d6ce66
```
#d6ce66 rgb(214,206,102)
```
#ddd45f
```
#ddd45f rgb(221,212,95)
```
#e4da58
```
#e4da58 rgb(228,218,88)
```
#ece150
```
#ece150 rgb(236,225,80)
```
#f3e749
```
#f3e749 rgb(243,231,73)
```
#fbee41
```
#fbee41 rgb(251,238,65)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#cdcbb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8d266 Protanopia 1% of men
#ffc976 Deuteranopia 1% of men
#eacad8 Tritanopia 0.001% of the population

Trichromacy

#e4d363 Protanomaly 1% of men, 0.01% of women
#f2cd6d Deuteranomaly 6% of men, 0.4% of women
#e5cdac Tritanomaly 0.01% of the population

#ddd45f hex color

#ddd45f Color Information

#ddd45f Color Conversion

Color Schemes with #ddd45f

Alternatives to #ddd45f

#ddd45f Preview

Shades and Tints of #ddd45f

Tones of #ddd45f

Color Blindness Simulator