#ddc45f hex color

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

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

● #ddc45f color description : Soft yellow.

The hexadecimal color #ddc45f has RGB values of R:221, G:196, B:95 and CMYK values of C:0, M:0.11, Y:0.57, K:0.13. Its decimal value is 14533727.

Hex triplet	ddc45f	`#ddc45f`
RGB Decimal	221, 196, 95	`rgb(221,196,95)`
RGB Percent	86.7, 76.9, 37.3	`rgb(86.7%,76.9%,37.3%)`
CMYK	0, 11, 57, 13
HSL	48.1°, 64.9, 62	`hsl(48.1,64.9%,62%)`
HSV (or HSB)	48.1°, 57, 86.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	79.431, -3.39, 53.062
XYZ	51.624, 55.68, 18.854
xyY	0.409, 0.441, 55.68
CIE-LCH	79.431, 53.17, 93.655
CIE-LUV	79.431, 21.737, 64.906
Hunter-Lab	74.619, -7.089, 37.252
Binary	11011101, 11000100, 01011111

#ddc45f
```
#ddc45f rgb(221,196,95)
```
#5f78dd
```
#5f78dd rgb(95,120,221)
```

Complementary Color

#dd855f
```
#dd855f rgb(221,133,95)
```
#ddc45f
```
#ddc45f rgb(221,196,95)
```
#b7dd5f
```
#b7dd5f rgb(183,221,95)
```

Analogous Color

#855fdd
```
#855fdd rgb(133,95,221)
```
#ddc45f
```
#ddc45f rgb(221,196,95)
```
#5fb7dd
```
#5fb7dd rgb(95,183,221)
```

Split Complementary Color

#c45fdd
```
#c45fdd rgb(196,95,221)
```
#ddc45f
```
#ddc45f rgb(221,196,95)
```
#5fddc4
```
#5fddc4 rgb(95,221,196)
```

Triadic Color

#dd5f78
```
#dd5f78 rgb(221,95,120)
```
#ddc45f
```
#ddc45f rgb(221,196,95)
```
#5fddc4
```
#5fddc4 rgb(95,221,196)
```
#5f78dd
```
#5f78dd rgb(95,120,221)
```

Tetradic Color

#c6a72a
```
#c6a72a rgb(198,167,42)
```
#d4b435
```
#d4b435 rgb(212,180,53)
```
#d9bc4a
```
#d9bc4a rgb(217,188,74)
```
#ddc45f
```
#ddc45f rgb(221,196,95)
```
#e1cc74
```
#e1cc74 rgb(225,204,116)
```
#e6d489
```
#e6d489 rgb(230,212,137)
```
#eadb9e
```
#eadb9e rgb(234,219,158)
```

Monochromatic Color

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

#dda55f
```
#dda55f rgb(221,165,95)
```
#ddaf5f
```
#ddaf5f rgb(221,175,95)
```
#ddba5f
```
#ddba5f rgb(221,186,95)
```
#ddc45f
```
#ddc45f rgb(221,196,95)
```
#ddcf5f
```
#ddcf5f rgb(221,207,95)
```
#ddd95f
```
#ddd95f rgb(221,217,95)
```
#d7dd5f
```
#d7dd5f rgb(215,221,95)
```

Similar Colors

Text with hexadecimal color #ddc45f

This text has a font color of #ddc45f.

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

#ddc45f background color

This paragraph has a background color of #ddc45f.

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

#ddc45f border color

This element has a border color of #ddc45f.

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

CSS codes

.text {color:#ddc45f;}

.background {background-color:#ddc45f;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#120f04
```
#120f04 rgb(18,15,4)
```
#221d07
```
#221d07 rgb(34,29,7)
```
#322a0b
```
#322a0b rgb(50,42,11)
```
#42380e
```
#42380e rgb(66,56,14)
```
#534612
```
#534612 rgb(83,70,18)
```
#635315
```
#635315 rgb(99,83,21)
```
#736118
```
#736118 rgb(115,97,24)
```
#836f1c
```
#836f1c rgb(131,111,28)
```
#937c1f
```
#937c1f rgb(147,124,31)
```
#a48a23
```
#a48a23 rgb(164,138,35)
```
#b49826
```
#b49826 rgb(180,152,38)
```
#c4a52a
```
#c4a52a rgb(196,165,42)
```

Shade Color Variation

#d3b22e
```
#d3b22e rgb(211,178,46)
```
#d6b83f
```
#d6b83f rgb(214,184,63)
```
#dabe4f
```
#dabe4f rgb(218,190,79)
```
#ddc45f
```
#ddc45f rgb(221,196,95)
```
#e0ca6f
```
#e0ca6f rgb(224,202,111)
```
#e4d07f
```
#e4d07f rgb(228,208,127)
```
#e7d690
```
#e7d690 rgb(231,214,144)
```
#ebdca0
```
#ebdca0 rgb(235,220,160)
```
#eee2b0
```
#eee2b0 rgb(238,226,176)
```
#f2e8c0
```
#f2e8c0 rgb(242,232,192)
```
#f5eed0
```
#f5eed0 rgb(245,238,208)
```
#f9f4e0
```
#f9f4e0 rgb(249,244,224)
```
#fcfaf1
```
#fcfaf1 rgb(252,250,241)
```

Tint Color Variation

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

#a1a09b
```
#a1a09b rgb(161,160,155)
```
#a9a493
```
#a9a493 rgb(169,164,147)
```
#b0a98c
```
#b0a98c rgb(176,169,140)
```
#b8ad84
```
#b8ad84 rgb(184,173,132)
```
#bfb27d
```
#bfb27d rgb(191,178,125)
```
#c7b675
```
#c7b675 rgb(199,182,117)
```
#cebb6e
```
#cebb6e rgb(206,187,110)
```
#d6bf66
```
#d6bf66 rgb(214,191,102)
```
#ddc45f
```
#ddc45f rgb(221,196,95)
```
#e4c958
```
#e4c958 rgb(228,201,88)
```
#eccd50
```
#eccd50 rgb(236,205,80)
```
#f3d249
```
#f3d249 rgb(243,210,73)
```
#fbd641
```
#fbd641 rgb(251,214,65)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#c6c1ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcc767 Protanopia 1% of men
#f3be6a Deuteranopia 1% of men
#e8bcc9 Tritanopia 0.001% of the population

Trichromacy

#dcc664 Protanomaly 1% of men, 0.01% of women
#ebc066 Deuteranomaly 6% of men, 0.4% of women
#e4bfa2 Tritanomaly 0.01% of the population

#ddc45f hex color

#ddc45f Color Information

#ddc45f Color Conversion

Color Schemes with #ddc45f

Alternatives to #ddc45f

#ddc45f Preview

Shades and Tints of #ddc45f

Tones of #ddc45f

Color Blindness Simulator