#ddb580 hex color

In a RGB color space, hex #ddb580 is composed of 86.7% red, 71% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.1% magenta, 42.1% yellow and 13.3% black. It has a hue angle of 34.2 degrees, a saturation of 57.8% and a lightness of 68.4%. #ddb580 color hex could be obtained by blending #ffffff with #bb6b01. Closest websafe color is: #cccc99.

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

● #ddb580 color description : Very soft orange.

The hexadecimal color #ddb580 has RGB values of R:221, G:181, B:128 and CMYK values of C:0, M:0.18, Y:0.42, K:0.13. Its decimal value is 14529920.

Hex triplet	ddb580	`#ddb580`
RGB Decimal	221, 181, 128	`rgb(221,181,128)`
RGB Percent	86.7, 71, 50.2	`rgb(86.7%,71%,50.2%)`
CMYK	0, 18, 42, 13
HSL	34.2°, 57.8, 68.4	`hsl(34.2,57.8%,68.4%)`
HSV (or HSB)	34.2°, 42.1, 86.7
Web Safe	cccc99	`#cccc99`

CIE-LAB	76.057, 7.471, 32.418
XYZ	50.239, 49.98, 27.422
xyY	0.394, 0.392, 49.98
CIE-LCH	76.057, 33.267, 77.022
CIE-LUV	76.057, 29.61, 41.078
Hunter-Lab	70.697, 3.128, 26.49
Binary	11011101, 10110101, 10000000

#ddb580
```
#ddb580 rgb(221,181,128)
```
#80a8dd
```
#80a8dd rgb(128,168,221)
```

Complementary Color

#dd8780
```
#dd8780 rgb(221,135,128)
```
#ddb580
```
#ddb580 rgb(221,181,128)
```
#d7dd80
```
#d7dd80 rgb(215,221,128)
```

Analogous Color

#8780dd
```
#8780dd rgb(135,128,221)
```
#ddb580
```
#ddb580 rgb(221,181,128)
```
#80d7dd
```
#80d7dd rgb(128,215,221)
```

Split Complementary Color

#b580dd
```
#b580dd rgb(181,128,221)
```
#ddb580
```
#ddb580 rgb(221,181,128)
```
#80ddb5
```
#80ddb5 rgb(128,221,181)
```

Triadic Color

#dd80a8
```
#dd80a8 rgb(221,128,168)
```
#ddb580
```
#ddb580 rgb(221,181,128)
```
#80ddb5
```
#80ddb5 rgb(128,221,181)
```
#80a8dd
```
#80a8dd rgb(128,168,221)
```

Tetradic Color

#cd9244
```
#cd9244 rgb(205,146,68)
```
#d29e58
```
#d29e58 rgb(210,158,88)
```
#d8a96c
```
#d8a96c rgb(216,169,108)
```
#ddb580
```
#ddb580 rgb(221,181,128)
```
#e2c194
```
#e2c194 rgb(226,193,148)
```
#e8cca8
```
#e8cca8 rgb(232,204,168)
```
#edd8bc
```
#edd8bc rgb(237,216,188)
```

Monochromatic Color

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

#dd9e80
```
#dd9e80 rgb(221,158,128)
```
#dda680
```
#dda680 rgb(221,166,128)
```
#ddad80
```
#ddad80 rgb(221,173,128)
```
#ddb580
```
#ddb580 rgb(221,181,128)
```
#ddbd80
```
#ddbd80 rgb(221,189,128)
```
#ddc580
```
#ddc580 rgb(221,197,128)
```
#ddcc80
```
#ddcc80 rgb(221,204,128)
```

Similar Colors

Text with hexadecimal color #ddb580

This text has a font color of #ddb580.

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

#ddb580 background color

This paragraph has a background color of #ddb580.

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

#ddb580 border color

This element has a border color of #ddb580.

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

CSS codes

.text {color:#ddb580;}

.background {background-color:#ddb580;}

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

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

#0c0803
```
#0c0803 rgb(12,8,3)
```
#1c1307
```
#1c1307 rgb(28,19,7)
```
#2b1e0c
```
#2b1e0c rgb(43,30,12)
```
#3b2810
```
#3b2810 rgb(59,40,16)
```
#4a3314
```
#4a3314 rgb(74,51,20)
```
#5a3d18
```
#5a3d18 rgb(90,61,24)
```
#69481c
```
#69481c rgb(105,72,28)
```
#795320
```
#795320 rgb(121,83,32)
```
#885d24
```
#885d24 rgb(136,93,36)
```
#986829
```
#986829 rgb(152,104,41)
```
#a7722d
```
#a7722d rgb(167,114,45)
```
#b67d31
```
#b67d31 rgb(182,125,49)
```
#c68835
```
#c68835 rgb(198,136,53)
```

Shade Color Variation

#cc9142
```
#cc9142 rgb(204,145,66)
```
#d19a52
```
#d19a52 rgb(209,154,82)
```
#d5a361
```
#d5a361 rgb(213,163,97)
```
#d9ac71
```
#d9ac71 rgb(217,172,113)
```
#ddb580
```
#ddb580 rgb(221,181,128)
```
#e1be8f
```
#e1be8f rgb(225,190,143)
```
#e5c79f
```
#e5c79f rgb(229,199,159)
```
#e9d0ae
```
#e9d0ae rgb(233,208,174)
```
#eed9be
```
#eed9be rgb(238,217,190)
```
#f2e2cd
```
#f2e2cd rgb(242,226,205)
```
#f6ebdd
```
#f6ebdd rgb(246,235,221)
```
#faf4ec
```
#faf4ec rgb(250,244,236)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#b2afab
```
#b2afab rgb(178,175,171)
```
#b8b0a5
```
#b8b0a5 rgb(184,176,165)
```
#beb19f
```
#beb19f rgb(190,177,159)
```
#c4b299
```
#c4b299 rgb(196,178,153)
```
#cab293
```
#cab293 rgb(202,178,147)
```
#d1b38c
```
#d1b38c rgb(209,179,140)
```
#d7b486
```
#d7b486 rgb(215,180,134)
```
#ddb580
```
#ddb580 rgb(221,181,128)
```
#e3b67a
```
#e3b67a rgb(227,182,122)
```
#e9b774
```
#e9b774 rgb(233,183,116)
```
#f0b86d
```
#f0b86d rgb(240,184,109)
```
#f6b867
```
#f6b867 rgb(246,184,103)
```
#fcb961
```
#fcb961 rgb(252,185,97)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#c2baaf Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdbe88 Protanopia 1% of men
#e2b787 Deuteranopia 1% of men
#e4b1bd Tritanopia 0.001% of the population

Trichromacy

#d3bb85 Protanomaly 1% of men, 0.01% of women
#e0b684 Deuteranomaly 6% of men, 0.4% of women
#e2b2a7 Tritanomaly 0.01% of the population

#ddb580 hex color

#ddb580 Color Information

#ddb580 Color Conversion

Color Schemes with #ddb580

Alternatives to #ddb580

#ddb580 Preview

Shades and Tints of #ddb580

Tones of #ddb580

Color Blindness Simulator