#ddc745 hex color

In a RGB color space, hex #ddc745 is composed of 86.7% red, 78% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10% magenta, 68.8% yellow and 13.3% black. It has a hue angle of 51.3 degrees, a saturation of 69.1% and a lightness of 56.9%. #ddc745 color hex could be obtained by blending #ffff8a with #bb8f00. Closest websafe color is: #cccc33.

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

● #ddc745 color description : Soft yellow.

The hexadecimal color #ddc745 has RGB values of R:221, G:199, B:69 and CMYK values of C:0, M:0.1, Y:0.69, K:0.13. Its decimal value is 14534469.

Hex triplet	ddc745	`#ddc745`
RGB Decimal	221, 199, 69	`rgb(221,199,69)`
RGB Percent	86.7, 78, 27.1	`rgb(86.7%,78%,27.1%)`
CMYK	0, 10, 69, 13
HSL	51.3°, 69.1, 56.9	`hsl(51.3,69.1%,56.9%)`
HSV (or HSB)	51.3°, 68.8, 86.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	79.982, -6.578, 64.876
XYZ	51.317, 56.65, 13.861
xyY	0.421, 0.465, 56.65
CIE-LCH	79.982, 65.208, 95.789
CIE-LUV	79.982, 20.706, 75.417
Hunter-Lab	75.266, -10.015, 41.767
Binary	11011101, 11000111, 01000101

#ddc745
```
#ddc745 rgb(221,199,69)
```
#455bdd
```
#455bdd rgb(69,91,221)
```

Complementary Color

#dd7b45
```
#dd7b45 rgb(221,123,69)
```
#ddc745
```
#ddc745 rgb(221,199,69)
```
#a7dd45
```
#a7dd45 rgb(167,221,69)
```

Analogous Color

#7b45dd
```
#7b45dd rgb(123,69,221)
```
#ddc745
```
#ddc745 rgb(221,199,69)
```
#45a7dd
```
#45a7dd rgb(69,167,221)
```

Split Complementary Color

#c745dd
```
#c745dd rgb(199,69,221)
```
#ddc745
```
#ddc745 rgb(221,199,69)
```
#45ddc7
```
#45ddc7 rgb(69,221,199)
```

Triadic Color

#dd455b
```
#dd455b rgb(221,69,91)
```
#ddc745
```
#ddc745 rgb(221,199,69)
```
#45ddc7
```
#45ddc7 rgb(69,221,199)
```
#455bdd
```
#455bdd rgb(69,91,221)
```

Tetradic Color

#b59f21
```
#b59f21 rgb(181,159,33)
```
#cab225
```
#cab225 rgb(202,178,37)
```
#d9c12f
```
#d9c12f rgb(217,193,47)
```
#ddc745
```
#ddc745 rgb(221,199,69)
```
#e1cd5b
```
#e1cd5b rgb(225,205,91)
```
#e5d470
```
#e5d470 rgb(229,212,112)
```
#e9da86
```
#e9da86 rgb(233,218,134)
```

Monochromatic Color

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

#dda145
```
#dda145 rgb(221,161,69)
```
#ddae45
```
#ddae45 rgb(221,174,69)
```
#ddba45
```
#ddba45 rgb(221,186,69)
```
#ddc745
```
#ddc745 rgb(221,199,69)
```
#ddd445
```
#ddd445 rgb(221,212,69)
```
#dadd45
```
#dadd45 rgb(218,221,69)
```
#cddd45
```
#cddd45 rgb(205,221,69)
```

Similar Colors

Text with hexadecimal color #ddc745

This text has a font color of #ddc745.

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

#ddc745 background color

This paragraph has a background color of #ddc745.

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

#ddc745 border color

This element has a border color of #ddc745.

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

CSS codes

.text {color:#ddc745;}

.background {background-color:#ddc745;}

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

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

#0d0b02
```
#0d0b02 rgb(13,11,2)
```
#1e1a05
```
#1e1a05 rgb(30,26,5)
```
#2e2908
```
#2e2908 rgb(46,41,8)
```
#3f370b
```
#3f370b rgb(63,55,11)
```
#4f460f
```
#4f460f rgb(79,70,15)
```
#605512
```
#605512 rgb(96,85,18)
```
#716315
```
#716315 rgb(113,99,21)
```
#817218
```
#817218 rgb(129,114,24)
```
#92801b
```
#92801b rgb(146,128,27)
```
#a28f1e
```
#a28f1e rgb(162,143,30)
```
#b39e21
```
#b39e21 rgb(179,158,33)
```
#c3ac24
```
#c3ac24 rgb(195,172,36)
```
#d4bb27
```
#d4bb27 rgb(212,187,39)
```

Shade Color Variation

#dac234
```
#dac234 rgb(218,194,52)
```
#ddc745
```
#ddc745 rgb(221,199,69)
```
#e0cc56
```
#e0cc56 rgb(224,204,86)
```
#e3d166
```
#e3d166 rgb(227,209,102)
```
#e6d677
```
#e6d677 rgb(230,214,119)
```
#e9db87
```
#e9db87 rgb(233,219,135)
```
#ece098
```
#ece098 rgb(236,224,152)
```
#efe5a9
```
#efe5a9 rgb(239,229,169)
```
#f2eab9
```
#f2eab9 rgb(242,234,185)
```
#f5efca
```
#f5efca rgb(245,239,202)
```
#f8f4da
```
#f8f4da rgb(248,244,218)
```
#fbf9eb
```
#fbf9eb rgb(251,249,235)
```
#fefefb
```
#fefefb rgb(254,254,251)
```

Tint Color Variation

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

#999789
```
#999789 rgb(153,151,137)
```
#a29d80
```
#a29d80 rgb(162,157,128)
```
#aaa378
```
#aaa378 rgb(170,163,120)
```
#b3a96f
```
#b3a96f rgb(179,169,111)
```
#bbaf67
```
#bbaf67 rgb(187,175,103)
```
#c4b55e
```
#c4b55e rgb(196,181,94)
```
#ccbb56
```
#ccbb56 rgb(204,187,86)
```
#d5c14d
```
#d5c14d rgb(213,193,77)
```
#ddc745
```
#ddc745 rgb(221,199,69)
```
#e5cd3d
```
#e5cd3d rgb(229,205,61)
```
#eed334
```
#eed334 rgb(238,211,52)
```
#f6d92c
```
#f6d92c rgb(246,217,44)
```
#ffdf23
```
#ffdf23 rgb(255,223,35)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#c5c1a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfc94e Protanopia 1% of men
#f8bf52 Deuteranopia 1% of men
#eabdca Tritanopia 0.001% of the population

Trichromacy

#dec84b Protanomaly 1% of men, 0.01% of women
#eec24d Deuteranomaly 6% of men, 0.4% of women
#e5c19a Tritanomaly 0.01% of the population

#ddc745 hex color

#ddc745 Color Information

#ddc745 Color Conversion

Color Schemes with #ddc745

Alternatives to #ddc745

#ddc745 Preview

Shades and Tints of #ddc745

Tones of #ddc745

Color Blindness Simulator