colorhexa.com

#ddb476 hex color

In a RGB color space, hex #ddb476 is composed of 86.7% red, 70.6% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.6% magenta, 46.6% yellow and 13.3% black. It has a hue angle of 36.1 degrees, a saturation of 60.2% and a lightness of 66.5%. #ddb476 color hex could be obtained by blending #ffffec with #bb6900. Closest websafe color is: #cccc66.

- R 87
- G 71
- B 46
RGB color chart
- C 0
- M 19
- Y 47
- K 13
CMYK color chart

● #ddb476 color description : Soft orange.

The hexadecimal color #ddb476 has RGB values of R:221, G:180, B:118 and CMYK values of C:0, M:0.19, Y:0.47, K:0.13. Its decimal value is 14529654.

Hex triplet	ddb476	`#ddb476`
RGB Decimal	221, 180, 118	`rgb(221,180,118)`
RGB Percent	86.7, 70.6, 46.3	`rgb(86.7%,70.6%,46.3%)`
CMYK	0, 19, 47, 13
HSL	36.1°, 60.2, 66.5	`hsl(36.1,60.2%,66.5%)`
HSV (or HSB)	36.1°, 46.6, 86.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	75.653, 6.979, 37.114
XYZ	49.41, 49.325, 24.057
xyY	0.402, 0.402, 49.325
CIE-LCH	75.653, 37.765, 79.351
CIE-LUV	75.653, 31.067, 46.207
Hunter-Lab	70.231, 2.676, 28.853
Binary	11011101, 10110100, 01110110

#ddb476
```
#ddb476 rgb(221,180,118)
```
#769fdd
```
#769fdd rgb(118,159,221)
```

Complementary Color

#dd8176
```
#dd8176 rgb(221,129,118)
```
#ddb476
```
#ddb476 rgb(221,180,118)
```
#d3dd76
```
#d3dd76 rgb(211,221,118)
```

Analogous Color

#8176dd
```
#8176dd rgb(129,118,221)
```
#ddb476
```
#ddb476 rgb(221,180,118)
```
#76d3dd
```
#76d3dd rgb(118,211,221)
```

Split Complementary Color

#b476dd
```
#b476dd rgb(180,118,221)
```
#ddb476
```
#ddb476 rgb(221,180,118)
```
#76ddb4
```
#76ddb4 rgb(118,221,180)
```

Triadic Color

#dd769f
```
#dd769f rgb(221,118,159)
```
#ddb476
```
#ddb476 rgb(221,180,118)
```
#76ddb4
```
#76ddb4 rgb(118,221,180)
```
#769fdd
```
#769fdd rgb(118,159,221)
```

Tetradic Color

#ce9239
```
#ce9239 rgb(206,146,57)
```
#d39e4d
```
#d39e4d rgb(211,158,77)
```
#d8a962
```
#d8a962 rgb(216,169,98)
```
#ddb476
```
#ddb476 rgb(221,180,118)
```
#e2bf8a
```
#e2bf8a rgb(226,191,138)
```
#e7ca9f
```
#e7ca9f rgb(231,202,159)
```
#ecd6b3
```
#ecd6b3 rgb(236,214,179)
```

Monochromatic Color

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

#dd9a76
```
#dd9a76 rgb(221,154,118)
```
#dda376
```
#dda376 rgb(221,163,118)
```
#ddab76
```
#ddab76 rgb(221,171,118)
```
#ddb476
```
#ddb476 rgb(221,180,118)
```
#ddbd76
```
#ddbd76 rgb(221,189,118)
```
#ddc576
```
#ddc576 rgb(221,197,118)
```
#ddce76
```
#ddce76 rgb(221,206,118)
```

Similar Colors

Text with hexadecimal color #ddb476

This text has a font color of #ddb476.

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

#ddb476 background color

This paragraph has a background color of #ddb476.

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

#ddb476 border color

This element has a border color of #ddb476.

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

CSS codes

.text {color:#ddb476;}

.background {background-color:#ddb476;}

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

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

#040301
```
#040301 rgb(4,3,1)
```
#140e05
```
#140e05 rgb(20,14,5)
```
#241909
```
#241909 rgb(36,25,9)
```
#34240d
```
#34240d rgb(52,36,13)
```
#432f11
```
#432f11 rgb(67,47,17)
```
#533a15
```
#533a15 rgb(83,58,21)
```
#634519
```
#634519 rgb(99,69,25)
```
#72501c
```
#72501c rgb(114,80,28)
```
#825b20
```
#825b20 rgb(130,91,32)
```
#926624
```
#926624 rgb(146,102,36)
```
#a27128
```
#a27128 rgb(162,113,40)
```
#b17c2c
```
#b17c2c rgb(177,124,44)
```
#c18730
```
#c18730 rgb(193,135,48)
```

Shade Color Variation

#cd9237
```
#cd9237 rgb(205,146,55)
```
#d19a47
```
#d19a47 rgb(209,154,71)
```
#d5a357
```
#d5a357 rgb(213,163,87)
```
#d9ab66
```
#d9ab66 rgb(217,171,102)
```
#ddb476
```
#ddb476 rgb(221,180,118)
```
#e1bd86
```
#e1bd86 rgb(225,189,134)
```
#e5c595
```
#e5c595 rgb(229,197,149)
```
#e9cea5
```
#e9cea5 rgb(233,206,165)
```
#edd6b5
```
#edd6b5 rgb(237,214,181)
```
#f1dfc5
```
#f1dfc5 rgb(241,223,197)
```
#f4e8d4
```
#f4e8d4 rgb(244,232,212)
```
#f8f0e4
```
#f8f0e4 rgb(248,240,228)
```
#fcf9f4
```
#fcf9f4 rgb(252,249,244)
```

Tint Color Variation

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

#afaba4
```
#afaba4 rgb(175,171,164)
```
#b6ac9d
```
#b6ac9d rgb(182,172,157)
```
#bcad97
```
#bcad97 rgb(188,173,151)
```
#c3af90
```
#c3af90 rgb(195,175,144)
```
#c9b08a
```
#c9b08a rgb(201,176,138)
```
#d0b183
```
#d0b183 rgb(208,177,131)
```
#d6b37d
```
#d6b37d rgb(214,179,125)
```
#ddb476
```
#ddb476 rgb(221,180,118)
```
#e4b56f
```
#e4b56f rgb(228,181,111)
```
#eab769
```
#eab769 rgb(234,183,105)
```
#f1b862
```
#f1b862 rgb(241,184,98)
```
#f7b95c
```
#f7b95c rgb(247,185,92)
```
#febb55
```
#febb55 rgb(254,187,85)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#c0b8ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdbd7f Protanopia 1% of men
#e3b67d Deuteranopia 1% of men
#e5afbc Tritanopia 0.001% of the population

Trichromacy

#d3ba7b Protanomaly 1% of men, 0.01% of women
#e0b57a Deuteranomaly 6% of men, 0.4% of women
#e2b1a2 Tritanomaly 0.01% of the population