#ddc345 hex color

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

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

● #ddc345 color description : Soft yellow.

The hexadecimal color #ddc345 has RGB values of R:221, G:195, B:69 and CMYK values of C:0, M:0.12, Y:0.69, K:0.13. Its decimal value is 14533445.

Hex triplet	ddc345	`#ddc345`
RGB Decimal	221, 195, 69	`rgb(221,195,69)`
RGB Percent	86.7, 76.5, 27.1	`rgb(86.7%,76.5%,27.1%)`
CMYK	0, 12, 69, 13
HSL	49.7°, 69.1, 56.9	`hsl(49.7,69.1%,56.9%)`
HSV (or HSB)	49.7°, 68.8, 86.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	78.945, -4.524, 63.826
XYZ	50.408, 54.834, 13.559
xyY	0.424, 0.462, 54.834
CIE-LCH	78.945, 63.986, 94.054
CIE-LUV	78.945, 23.466, 73.733
Hunter-Lab	74.05, -8.076, 40.979
Binary	11011101, 11000011, 01000101

#ddc345
```
#ddc345 rgb(221,195,69)
```
#455fdd
```
#455fdd rgb(69,95,221)
```

Complementary Color

#dd7745
```
#dd7745 rgb(221,119,69)
```
#ddc345
```
#ddc345 rgb(221,195,69)
```
#abdd45
```
#abdd45 rgb(171,221,69)
```

Analogous Color

#7745dd
```
#7745dd rgb(119,69,221)
```
#ddc345
```
#ddc345 rgb(221,195,69)
```
#45abdd
```
#45abdd rgb(69,171,221)
```

Split Complementary Color

#c345dd
```
#c345dd rgb(195,69,221)
```
#ddc345
```
#ddc345 rgb(221,195,69)
```
#45ddc3
```
#45ddc3 rgb(69,221,195)
```

Triadic Color

#dd455f
```
#dd455f rgb(221,69,95)
```
#ddc345
```
#ddc345 rgb(221,195,69)
```
#45ddc3
```
#45ddc3 rgb(69,221,195)
```
#455fdd
```
#455fdd rgb(69,95,221)
```

Tetradic Color

#b59b21
```
#b59b21 rgb(181,155,33)
```
#caae25
```
#caae25 rgb(202,174,37)
```
#d9bc2f
```
#d9bc2f rgb(217,188,47)
```
#ddc345
```
#ddc345 rgb(221,195,69)
```
#e1ca5b
```
#e1ca5b rgb(225,202,91)
```
#e5d170
```
#e5d170 rgb(229,209,112)
```
#e9d886
```
#e9d886 rgb(233,216,134)
```

Monochromatic Color

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

#dd9d45
```
#dd9d45 rgb(221,157,69)
```
#ddaa45
```
#ddaa45 rgb(221,170,69)
```
#ddb645
```
#ddb645 rgb(221,182,69)
```
#ddc345
```
#ddc345 rgb(221,195,69)
```
#ddd045
```
#ddd045 rgb(221,208,69)
```
#dddc45
```
#dddc45 rgb(221,220,69)
```
#d1dd45
```
#d1dd45 rgb(209,221,69)
```

Similar Colors

Text with hexadecimal color #ddc345

This text has a font color of #ddc345.

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

#ddc345 background color

This paragraph has a background color of #ddc345.

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

#ddc345 border color

This element has a border color of #ddc345.

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

CSS codes

.text {color:#ddc345;}

.background {background-color:#ddc345;}

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

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)
```
#1e1905
```
#1e1905 rgb(30,25,5)
```
#2e2808
```
#2e2808 rgb(46,40,8)
```
#3f360b
```
#3f360b rgb(63,54,11)
```
#4f440f
```
#4f440f rgb(79,68,15)
```
#605312
```
#605312 rgb(96,83,18)
```
#716115
```
#716115 rgb(113,97,21)
```
#816f18
```
#816f18 rgb(129,111,24)
```
#927d1b
```
#927d1b rgb(146,125,27)
```
#a28c1e
```
#a28c1e rgb(162,140,30)
```
#b39a21
```
#b39a21 rgb(179,154,33)
```
#c3a824
```
#c3a824 rgb(195,168,36)
```
#d4b627
```
#d4b627 rgb(212,182,39)
```

Shade Color Variation

#dabe34
```
#dabe34 rgb(218,190,52)
```
#ddc345
```
#ddc345 rgb(221,195,69)
```
#e0c856
```
#e0c856 rgb(224,200,86)
```
#e3ce66
```
#e3ce66 rgb(227,206,102)
```
#e6d377
```
#e6d377 rgb(230,211,119)
```
#e9d887
```
#e9d887 rgb(233,216,135)
```
#ecde98
```
#ecde98 rgb(236,222,152)
```
#efe3a9
```
#efe3a9 rgb(239,227,169)
```
#f2e8b9
```
#f2e8b9 rgb(242,232,185)
```
#f5eeca
```
#f5eeca rgb(245,238,202)
```
#f8f3da
```
#f8f3da rgb(248,243,218)
```
#fbf8eb
```
#fbf8eb rgb(251,248,235)
```
#fefefb
```
#fefefb rgb(254,254,251)
```

Tint Color Variation

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

#999689
```
#999689 rgb(153,150,137)
```
#a29c80
```
#a29c80 rgb(162,156,128)
```
#aaa278
```
#aaa278 rgb(170,162,120)
```
#b3a76f
```
#b3a76f rgb(179,167,111)
```
#bbad67
```
#bbad67 rgb(187,173,103)
```
#c4b25e
```
#c4b25e rgb(196,178,94)
```
#ccb856
```
#ccb856 rgb(204,184,86)
```
#d5bd4d
```
#d5bd4d rgb(213,189,77)
```
#ddc345
```
#ddc345 rgb(221,195,69)
```
#e5c93d
```
#e5c93d rgb(229,201,61)
```
#eece34
```
#eece34 rgb(238,206,52)
```
#f6d42c
```
#f6d42c rgb(246,212,44)
```
#ffd923
```
#ffd923 rgb(255,217,35)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#c3bda4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcc64e Protanopia 1% of men
#f5bd52 Deuteranopia 1% of men
#e9bac7 Tritanopia 0.001% of the population

Trichromacy

#dcc54b Protanomaly 1% of men, 0.01% of women
#ecbf4d Deuteranomaly 6% of men, 0.4% of women
#e4bd97 Tritanomaly 0.01% of the population

#ddc345 hex color

#ddc345 Color Information

#ddc345 Color Conversion

Color Schemes with #ddc345

Alternatives to #ddc345

#ddc345 Preview

Shades and Tints of #ddc345

Tones of #ddc345

Color Blindness Simulator