#ddb74c hex color

In a RGB color space, hex #ddb74c is composed of 86.7% red, 71.8% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.2% magenta, 65.6% yellow and 13.3% black. It has a hue angle of 44.3 degrees, a saturation of 68.1% and a lightness of 58.2%. #ddb74c color hex could be obtained by blending #ffff98 with #bb6f00. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 87
- G 72
- B 30
RGB color chart
- C 0
- M 17
- Y 66
- K 13
CMYK color chart

● #ddb74c color description : Soft orange.

The hexadecimal color #ddb74c has RGB values of R:221, G:183, B:76 and CMYK values of C:0, M:0.17, Y:0.66, K:0.13. Its decimal value is 14530380.

Hex triplet	ddb74c	`#ddb74c`
RGB Decimal	221, 183, 76	`rgb(221,183,76)`
RGB Percent	86.7, 71.8, 29.8	`rgb(86.7%,71.8%,29.8%)`
CMYK	0, 17, 66, 13
HSL	44.3°, 68.1, 58.2	`hsl(44.3,68.1%,58.2%)`
HSV (or HSB)	44.3°, 65.6, 86.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	75.923, 2.109, 57.758
XYZ	48.057, 49.763, 13.911
xyY	0.43, 0.445, 49.763
CIE-LCH	75.923, 57.796, 87.909
CIE-LUV	75.923, 31.619, 66.365
Hunter-Lab	70.543, -1.847, 37.688
Binary	11011101, 10110111, 01001100

#ddb74c
```
#ddb74c rgb(221,183,76)
```
#4c72dd
```
#4c72dd rgb(76,114,221)
```

Complementary Color

#dd6f4c
```
#dd6f4c rgb(221,111,76)
```
#ddb74c
```
#ddb74c rgb(221,183,76)
```
#bbdd4c
```
#bbdd4c rgb(187,221,76)
```

Analogous Color

#6f4cdd
```
#6f4cdd rgb(111,76,221)
```
#ddb74c
```
#ddb74c rgb(221,183,76)
```
#4cbbdd
```
#4cbbdd rgb(76,187,221)
```

Split Complementary Color

#b74cdd
```
#b74cdd rgb(183,76,221)
```
#ddb74c
```
#ddb74c rgb(221,183,76)
```
#4cddb7
```
#4cddb7 rgb(76,221,183)
```

Triadic Color

#dd4c72
```
#dd4c72 rgb(221,76,114)
```
#ddb74c
```
#ddb74c rgb(221,183,76)
```
#4cddb7
```
#4cddb7 rgb(76,221,183)
```
#4c72dd
```
#4c72dd rgb(76,114,221)
```

Tetradic Color

#b99223
```
#b99223 rgb(185,146,35)
```
#cfa327
```
#cfa327 rgb(207,163,39)
```
#d9ae37
```
#d9ae37 rgb(217,174,55)
```
#ddb74c
```
#ddb74c rgb(221,183,76)
```
#e1c061
```
#e1c061 rgb(225,192,97)
```
#e5c877
```
#e5c877 rgb(229,200,119)
```
#e9d18c
```
#e9d18c rgb(233,209,140)
```

Monochromatic Color

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

#dd934c
```
#dd934c rgb(221,147,76)
```
#dd9f4c
```
#dd9f4c rgb(221,159,76)
```
#ddab4c
```
#ddab4c rgb(221,171,76)
```
#ddb74c
```
#ddb74c rgb(221,183,76)
```
#ddc34c
```
#ddc34c rgb(221,195,76)
```
#ddcf4c
```
#ddcf4c rgb(221,207,76)
```
#dddb4c
```
#dddb4c rgb(221,219,76)
```

Similar Colors

Text with hexadecimal color #ddb74c

This text has a font color of #ddb74c.

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

#ddb74c background color

This paragraph has a background color of #ddb74c.

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

#ddb74c border color

This element has a border color of #ddb74c.

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

CSS codes

.text {color:#ddb74c;}

.background {background-color:#ddb74c;}

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

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 #fcf9f1 is the lightest one.

#020200
```
#020200 rgb(2,2,0)
```
#130f04
```
#130f04 rgb(19,15,4)
```
#231c07
```
#231c07 rgb(35,28,7)
```
#34290a
```
#34290a rgb(52,41,10)
```
#44360d
```
#44360d rgb(68,54,13)
```
#554310
```
#554310 rgb(85,67,16)
```
#655013
```
#655013 rgb(101,80,19)
```
#765d16
```
#765d16 rgb(118,93,22)
```
#866a19
```
#866a19 rgb(134,106,25)
```
#97771d
```
#97771d rgb(151,119,29)
```
#a78420
```
#a78420 rgb(167,132,32)
```
#b89123
```
#b89123 rgb(184,145,35)
```
#c89e26
```
#c89e26 rgb(200,158,38)
```

Shade Color Variation

#d7aa2b
```
#d7aa2b rgb(215,170,43)
```
#dab03c
```
#dab03c rgb(218,176,60)
```
#ddb74c
```
#ddb74c rgb(221,183,76)
```
#e0be5c
```
#e0be5c rgb(224,190,92)
```
#e3c46d
```
#e3c46d rgb(227,196,109)
```
#e6cb7d
```
#e6cb7d rgb(230,203,125)
```
#ead28e
```
#ead28e rgb(234,210,142)
```
#edd89e
```
#edd89e rgb(237,216,158)
```
#f0dfaf
```
#f0dfaf rgb(240,223,175)
```
#f3e5bf
```
#f3e5bf rgb(243,229,191)
```
#f6ecd0
```
#f6ecd0 rgb(246,236,208)
```
#f9f3e0
```
#f9f3e0 rgb(249,243,224)
```
#fcf9f1
```
#fcf9f1 rgb(252,249,241)
```

Tint Color Variation

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

#9b988e
```
#9b988e rgb(155,152,142)
```
#a49c85
```
#a49c85 rgb(164,156,133)
```
#aca07d
```
#aca07d rgb(172,160,125)
```
#b4a475
```
#b4a475 rgb(180,164,117)
```
#bca76d
```
#bca76d rgb(188,167,109)
```
#c4ab65
```
#c4ab65 rgb(196,171,101)
```
#cdaf5c
```
#cdaf5c rgb(205,175,92)
```
#d5b354
```
#d5b354 rgb(213,179,84)
```
#ddb74c
```
#ddb74c rgb(221,183,76)
```
#e5bb44
```
#e5bb44 rgb(229,187,68)
```
#edbf3c
```
#edbf3c rgb(237,191,60)
```
#f6c333
```
#f6c333 rgb(246,195,51)
```
#fec72b
```
#fec72b rgb(254,199,43)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#beb6a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3be56 Protanopia 1% of men
#eab657 Deuteranopia 1% of men
#e7afbc Tritanopia 0.001% of the population

Trichromacy

#d6bc52 Protanomaly 1% of men, 0.01% of women
#e5b653 Deuteranomaly 6% of men, 0.4% of women
#e3b293 Tritanomaly 0.01% of the population

#ddb74c hex color

#ddb74c Color Information

#ddb74c Color Conversion

Color Schemes with #ddb74c

Alternatives to #ddb74c

#ddb74c Preview

Shades and Tints of #ddb74c

Tones of #ddb74c

Color Blindness Simulator