#ddb57f hex color

In a RGB color space, hex #ddb57f is composed of 86.7% red, 71% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.1% magenta, 42.5% yellow and 13.3% black. It has a hue angle of 34.5 degrees, a saturation of 58% and a lightness of 68.2%. #ddb57f color hex could be obtained by blending #fffffe with #bb6b00. Closest websafe color is: #cccc66.

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

● #ddb57f color description : Very soft orange.

The hexadecimal color #ddb57f has RGB values of R:221, G:181, B:127 and CMYK values of C:0, M:0.18, Y:0.43, K:0.13. Its decimal value is 14529919.

Hex triplet	ddb57f	`#ddb57f`
RGB Decimal	221, 181, 127	`rgb(221,181,127)`
RGB Percent	86.7, 71, 49.8	`rgb(86.7%,71%,49.8%)`
CMYK	0, 18, 43, 13
HSL	34.5°, 58, 68.2	`hsl(34.5,58%,68.2%)`
HSV (or HSB)	34.5°, 42.5, 86.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	76.041, 7.365, 32.922
XYZ	50.173, 49.954, 27.077
xyY	0.394, 0.393, 49.954
CIE-LCH	76.041, 33.736, 77.39
CIE-LUV	76.041, 29.692, 41.66
Hunter-Lab	70.678, 3.028, 26.761
Binary	11011101, 10110101, 01111111

#ddb57f
```
#ddb57f rgb(221,181,127)
```
#7fa7dd
```
#7fa7dd rgb(127,167,221)
```

Complementary Color

#dd867f
```
#dd867f rgb(221,134,127)
```
#ddb57f
```
#ddb57f rgb(221,181,127)
```
#d6dd7f
```
#d6dd7f rgb(214,221,127)
```

Analogous Color

#867fdd
```
#867fdd rgb(134,127,221)
```
#ddb57f
```
#ddb57f rgb(221,181,127)
```
#7fd6dd
```
#7fd6dd rgb(127,214,221)
```

Split Complementary Color

#b57fdd
```
#b57fdd rgb(181,127,221)
```
#ddb57f
```
#ddb57f rgb(221,181,127)
```
#7fddb5
```
#7fddb5 rgb(127,221,181)
```

Triadic Color

#dd7fa7
```
#dd7fa7 rgb(221,127,167)
```
#ddb57f
```
#ddb57f rgb(221,181,127)
```
#7fddb5
```
#7fddb5 rgb(127,221,181)
```
#7fa7dd
```
#7fa7dd rgb(127,167,221)
```

Tetradic Color

#cd9243
```
#cd9243 rgb(205,146,67)
```
#d29e57
```
#d29e57 rgb(210,158,87)
```
#d8a96b
```
#d8a96b rgb(216,169,107)
```
#ddb57f
```
#ddb57f rgb(221,181,127)
```
#e2c193
```
#e2c193 rgb(226,193,147)
```
#e8cca7
```
#e8cca7 rgb(232,204,167)
```
#edd8bb
```
#edd8bb rgb(237,216,187)
```

Monochromatic Color

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

#dd9e7f
```
#dd9e7f rgb(221,158,127)
```
#dda57f
```
#dda57f rgb(221,165,127)
```
#ddad7f
```
#ddad7f rgb(221,173,127)
```
#ddb57f
```
#ddb57f rgb(221,181,127)
```
#ddbd7f
```
#ddbd7f rgb(221,189,127)
```
#ddc57f
```
#ddc57f rgb(221,197,127)
```
#ddcd7f
```
#ddcd7f rgb(221,205,127)
```

Similar Colors

Text with hexadecimal color #ddb57f

This text has a font color of #ddb57f.

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

#ddb57f background color

This paragraph has a background color of #ddb57f.

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

#ddb57f border color

This element has a border color of #ddb57f.

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

CSS codes

.text {color:#ddb57f;}

.background {background-color:#ddb57f;}

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

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

#0b0803
```
#0b0803 rgb(11,8,3)
```
#1b1307
```
#1b1307 rgb(27,19,7)
```
#2a1d0b
```
#2a1d0b rgb(42,29,11)
```
#3a280f
```
#3a280f rgb(58,40,15)
```
#493314
```
#493314 rgb(73,51,20)
```
#593d18
```
#593d18 rgb(89,61,24)
```
#68481c
```
#68481c rgb(104,72,28)
```
#785220
```
#785220 rgb(120,82,32)
```
#875d24
```
#875d24 rgb(135,93,36)
```
#976828
```
#976828 rgb(151,104,40)
```
#a6722c
```
#a6722c rgb(166,114,44)
```
#b67d30
```
#b67d30 rgb(182,125,48)
```
#c58834
```
#c58834 rgb(197,136,52)
```

Shade Color Variation

#cd9141
```
#cd9141 rgb(205,145,65)
```
#d19a51
```
#d19a51 rgb(209,154,81)
```
#d5a360
```
#d5a360 rgb(213,163,96)
```
#d9ac70
```
#d9ac70 rgb(217,172,112)
```
#ddb57f
```
#ddb57f rgb(221,181,127)
```
#e1be8e
```
#e1be8e rgb(225,190,142)
```
#e5c79e
```
#e5c79e rgb(229,199,158)
```
#e9d0ad
```
#e9d0ad rgb(233,208,173)
```
#edd9bd
```
#edd9bd rgb(237,217,189)
```
#f2e2cc
```
#f2e2cc rgb(242,226,204)
```
#f6ebdc
```
#f6ebdc rgb(246,235,220)
```
#faf4eb
```
#faf4eb rgb(250,244,235)
```
#fefdfb
```
#fefdfb rgb(254,253,251)
```

Tint Color Variation

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

#b1afab
```
#b1afab rgb(177,175,171)
```
#b8afa4
```
#b8afa4 rgb(184,175,164)
```
#beb09e
```
#beb09e rgb(190,176,158)
```
#c4b198
```
#c4b198 rgb(196,177,152)
```
#cab292
```
#cab292 rgb(202,178,146)
```
#d1b38b
```
#d1b38b rgb(209,179,139)
```
#d7b485
```
#d7b485 rgb(215,180,133)
```
#ddb57f
```
#ddb57f rgb(221,181,127)
```
#e3b679
```
#e3b679 rgb(227,182,121)
```
#e9b773
```
#e9b773 rgb(233,183,115)
```
#f0b86c
```
#f0b86c rgb(240,184,108)
```
#f6b966
```
#f6b966 rgb(246,185,102)
```
#fcba60
```
#fcba60 rgb(252,186,96)
```

Tone Color Variation

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

#cdbe87 Protanopia 1% of men
#e2b786 Deuteranopia 1% of men
#e4b1bd Tritanopia 0.001% of the population

Trichromacy

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

#ddb57f hex color

#ddb57f Color Information

#ddb57f Color Conversion

Color Schemes with #ddb57f

Alternatives to #ddb57f

#ddb57f Preview

Shades and Tints of #ddb57f

Tones of #ddb57f

Color Blindness Simulator