#ddb54d hex color

In a RGB color space, hex #ddb54d is composed of 86.7% red, 71% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.1% magenta, 65.2% yellow and 13.3% black. It has a hue angle of 43.3 degrees, a saturation of 67.9% and a lightness of 58.4%. #ddb54d color hex could be obtained by blending #ffff9a with #bb6b00. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 87
- G 71
- B 30
RGB color chart
- C 0
- M 18
- Y 65
- K 13
CMYK color chart

● #ddb54d color description : Soft orange.

The hexadecimal color #ddb54d has RGB values of R:221, G:181, B:77 and CMYK values of C:0, M:0.18, Y:0.65, K:0.13. Its decimal value is 14529869.

Hex triplet	ddb54d	`#ddb54d`
RGB Decimal	221, 181, 77	`rgb(221,181,77)`
RGB Percent	86.7, 71, 30.2	`rgb(86.7%,71%,30.2%)`
CMYK	0, 18, 65, 13
HSL	43.3°, 67.9, 58.4	`hsl(43.3,67.9%,58.4%)`
HSV (or HSB)	43.3°, 65.2, 86.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	75.425, 3.22, 56.783
XYZ	47.683, 48.958, 13.959
xyY	0.431, 0.443, 48.958
CIE-LCH	75.425, 56.874, 86.755
CIE-LUV	75.425, 32.995, 65.15
Hunter-Lab	69.97, -0.804, 37.15
Binary	11011101, 10110101, 01001101

#ddb54d
```
#ddb54d rgb(221,181,77)
```
#4d75dd
```
#4d75dd rgb(77,117,221)
```

Complementary Color

#dd6d4d
```
#dd6d4d rgb(221,109,77)
```
#ddb54d
```
#ddb54d rgb(221,181,77)
```
#bddd4d
```
#bddd4d rgb(189,221,77)
```

Analogous Color

#6d4ddd
```
#6d4ddd rgb(109,77,221)
```
#ddb54d
```
#ddb54d rgb(221,181,77)
```
#4dbddd
```
#4dbddd rgb(77,189,221)
```

Split Complementary Color

#b54ddd
```
#b54ddd rgb(181,77,221)
```
#ddb54d
```
#ddb54d rgb(221,181,77)
```
#4dddb5
```
#4dddb5 rgb(77,221,181)
```

Triadic Color

#dd4d75
```
#dd4d75 rgb(221,77,117)
```
#ddb54d
```
#ddb54d rgb(221,181,77)
```
#4dddb5
```
#4dddb5 rgb(77,221,181)
```
#4d75dd
```
#4d75dd rgb(77,117,221)
```

Tetradic Color

#ba9024
```
#ba9024 rgb(186,144,36)
```
#cfa128
```
#cfa128 rgb(207,161,40)
```
#d9ac38
```
#d9ac38 rgb(217,172,56)
```
#ddb54d
```
#ddb54d rgb(221,181,77)
```
#e1be62
```
#e1be62 rgb(225,190,98)
```
#e5c778
```
#e5c778 rgb(229,199,120)
```
#e9d08d
```
#e9d08d rgb(233,208,141)
```

Monochromatic Color

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

#dd914d
```
#dd914d rgb(221,145,77)
```
#dd9d4d
```
#dd9d4d rgb(221,157,77)
```
#dda94d
```
#dda94d rgb(221,169,77)
```
#ddb54d
```
#ddb54d rgb(221,181,77)
```
#ddc14d
```
#ddc14d rgb(221,193,77)
```
#ddcd4d
```
#ddcd4d rgb(221,205,77)
```
#ddd94d
```
#ddd94d rgb(221,217,77)
```

Similar Colors

Text with hexadecimal color #ddb54d

This text has a font color of #ddb54d.

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

#ddb54d background color

This paragraph has a background color of #ddb54d.

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

#ddb54d border color

This element has a border color of #ddb54d.

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

CSS codes

.text {color:#ddb54d;}

.background {background-color:#ddb54d;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#140f04
```
#140f04 rgb(20,15,4)
```
#241c07
```
#241c07 rgb(36,28,7)
```
#35290a
```
#35290a rgb(53,41,10)
```
#45360d
```
#45360d rgb(69,54,13)
```
#564210
```
#564210 rgb(86,66,16)
```
#664f13
```
#664f13 rgb(102,79,19)
```
#765c17
```
#765c17 rgb(118,92,23)
```
#87691a
```
#87691a rgb(135,105,26)
```
#97751d
```
#97751d rgb(151,117,29)
```
#a88220
```
#a88220 rgb(168,130,32)
```
#b88f23
```
#b88f23 rgb(184,143,35)
```
#c99c26
```
#c99c26 rgb(201,156,38)
```

Shade Color Variation

#d7a72c
```
#d7a72c rgb(215,167,44)
```
#daae3d
```
#daae3d rgb(218,174,61)
```
#ddb54d
```
#ddb54d rgb(221,181,77)
```
#e0bc5d
```
#e0bc5d rgb(224,188,93)
```
#e3c36e
```
#e3c36e rgb(227,195,110)
```
#e6ca7e
```
#e6ca7e rgb(230,202,126)
```
#ead08f
```
#ead08f rgb(234,208,143)
```
#edd79f
```
#edd79f rgb(237,215,159)
```
#f0deb0
```
#f0deb0 rgb(240,222,176)
```
#f3e5c0
```
#f3e5c0 rgb(243,229,192)
```
#f6ecd1
```
#f6ecd1 rgb(246,236,209)
```
#f9f3e1
```
#f9f3e1 rgb(249,243,225)
```
#fcf9f2
```
#fcf9f2 rgb(252,249,242)
```

Tint Color Variation

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

#9c988e
```
#9c988e rgb(156,152,142)
```
#a49c86
```
#a49c86 rgb(164,156,134)
```
#ac9f7e
```
#ac9f7e rgb(172,159,126)
```
#b4a376
```
#b4a376 rgb(180,163,118)
```
#bca76e
```
#bca76e rgb(188,167,110)
```
#c5aa65
```
#c5aa65 rgb(197,170,101)
```
#cdae5d
```
#cdae5d rgb(205,174,93)
```
#d5b155
```
#d5b155 rgb(213,177,85)
```
#ddb54d
```
#ddb54d rgb(221,181,77)
```
#e5b945
```
#e5b945 rgb(229,185,69)
```
#edbc3d
```
#edbc3d rgb(237,188,61)
```
#f5c035
```
#f5c035 rgb(245,192,53)
```
#fec32c
```
#fec32c rgb(254,195,44)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#bdb5a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1bd57 Protanopia 1% of men
#e8b457 Deuteranopia 1% of men
#e7aeba Tritanopia 0.001% of the population

Trichromacy

#d5ba53 Protanomaly 1% of men, 0.01% of women
#e4b453 Deuteranomaly 6% of men, 0.4% of women
#e3b092 Tritanomaly 0.01% of the population

#ddb54d hex color

#ddb54d Color Information

#ddb54d Color Conversion

Color Schemes with #ddb54d

Alternatives to #ddb54d

#ddb54d Preview

Shades and Tints of #ddb54d

Tones of #ddb54d

Color Blindness Simulator