#ddbb63 hex color

In a RGB color space, hex #ddbb63 is composed of 86.7% red, 73.3% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.4% magenta, 55.2% yellow and 13.3% black. It has a hue angle of 43.3 degrees, a saturation of 64.2% and a lightness of 62.7%. #ddbb63 color hex could be obtained by blending #ffffc6 with #bb7700. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 87
- G 73
- B 39
RGB color chart
- C 0
- M 15
- Y 55
- K 13
CMYK color chart

● #ddbb63 color description : Soft orange.

The hexadecimal color #ddbb63 has RGB values of R:221, G:187, B:99 and CMYK values of C:0, M:0.15, Y:0.55, K:0.13. Its decimal value is 14531427.

Hex triplet	ddbb63	`#ddbb63`
RGB Decimal	221, 187, 99	`rgb(221,187,99)`
RGB Percent	86.7, 73.3, 38.8	`rgb(86.7%,73.3%,38.8%)`
CMYK	0, 15, 55, 13
HSL	43.3°, 64.2, 62.7	`hsl(43.3,64.2%,62.7%)`
HSV (or HSB)	43.3°, 55.2, 86.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	77.17, 1.604, 48.525
XYZ	49.841, 51.815, 19.18
xyY	0.412, 0.429, 51.815
CIE-LCH	77.17, 48.552, 88.107
CIE-LUV	77.17, 27.62, 59.02
Hunter-Lab	71.983, -2.375, 34.59
Binary	11011101, 10111011, 01100011

#ddbb63
```
#ddbb63 rgb(221,187,99)
```
#6385dd
```
#6385dd rgb(99,133,221)
```

Complementary Color

#dd7e63
```
#dd7e63 rgb(221,126,99)
```
#ddbb63
```
#ddbb63 rgb(221,187,99)
```
#c2dd63
```
#c2dd63 rgb(194,221,99)
```

Analogous Color

#7e63dd
```
#7e63dd rgb(126,99,221)
```
#ddbb63
```
#ddbb63 rgb(221,187,99)
```
#63c2dd
```
#63c2dd rgb(99,194,221)
```

Split Complementary Color

#bb63dd
```
#bb63dd rgb(187,99,221)
```
#ddbb63
```
#ddbb63 rgb(221,187,99)
```
#63ddbb
```
#63ddbb rgb(99,221,187)
```

Triadic Color

#dd6385
```
#dd6385 rgb(221,99,133)
```
#ddbb63
```
#ddbb63 rgb(221,187,99)
```
#63ddbb
```
#63ddbb rgb(99,221,187)
```
#6385dd
```
#6385dd rgb(99,133,221)
```

Tetradic Color

#c89c2c
```
#c89c2c rgb(200,156,44)
```
#d4a939
```
#d4a939 rgb(212,169,57)
```
#d8b24e
```
#d8b24e rgb(216,178,78)
```
#ddbb63
```
#ddbb63 rgb(221,187,99)
```
#e2c478
```
#e2c478 rgb(226,196,120)
```
#e6cd8d
```
#e6cd8d rgb(230,205,141)
```
#ebd6a2
```
#ebd6a2 rgb(235,214,162)
```

Monochromatic Color

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

#dd9d63
```
#dd9d63 rgb(221,157,99)
```
#dda763
```
#dda763 rgb(221,167,99)
```
#ddb163
```
#ddb163 rgb(221,177,99)
```
#ddbb63
```
#ddbb63 rgb(221,187,99)
```
#ddc563
```
#ddc563 rgb(221,197,99)
```
#ddcf63
```
#ddcf63 rgb(221,207,99)
```
#ddda63
```
#ddda63 rgb(221,218,99)
```

Similar Colors

Text with hexadecimal color #ddbb63

This text has a font color of #ddbb63.

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

#ddbb63 background color

This paragraph has a background color of #ddbb63.

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

#ddbb63 border color

This element has a border color of #ddbb63.

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

CSS codes

.text {color:#ddbb63;}

.background {background-color:#ddbb63;}

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

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

#050401
```
#050401 rgb(5,4,1)
```
#151105
```
#151105 rgb(21,17,5)
```
#251d08
```
#251d08 rgb(37,29,8)
```
#352a0c
```
#352a0c rgb(53,42,12)
```
#45360f
```
#45360f rgb(69,54,15)
```
#564313
```
#564313 rgb(86,67,19)
```
#665016
```
#665016 rgb(102,80,22)
```
#765c1a
```
#765c1a rgb(118,92,26)
```
#86691d
```
#86691d rgb(134,105,29)
```
#967521
```
#967521 rgb(150,117,33)
```
#a68224
```
#a68224 rgb(166,130,36)
```
#b68e28
```
#b68e28 rgb(182,142,40)
```
#c69b2b
```
#c69b2b rgb(198,155,43)
```

Shade Color Variation

#d2a633
```
#d2a633 rgb(210,166,51)
```
#d6ad43
```
#d6ad43 rgb(214,173,67)
```
#d9b453
```
#d9b453 rgb(217,180,83)
```
#ddbb63
```
#ddbb63 rgb(221,187,99)
```
#e1c273
```
#e1c273 rgb(225,194,115)
```
#e4c983
```
#e4c983 rgb(228,201,131)
```
#e8d093
```
#e8d093 rgb(232,208,147)
```
#ebd7a3
```
#ebd7a3 rgb(235,215,163)
```
#efdeb4
```
#efdeb4 rgb(239,222,180)
```
#f2e5c4
```
#f2e5c4 rgb(242,229,196)
```
#f6ecd4
```
#f6ecd4 rgb(246,236,212)
```
#f9f3e4
```
#f9f3e4 rgb(249,243,228)
```
#fdfaf4
```
#fdfaf4 rgb(253,250,244)
```

Tint Color Variation

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

#a3a19d
```
#a3a19d rgb(163,161,157)
```
#aaa496
```
#aaa496 rgb(170,164,150)
```
#b1a88f
```
#b1a88f rgb(177,168,143)
```
#b8ab88
```
#b8ab88 rgb(184,171,136)
```
#c0ae80
```
#c0ae80 rgb(192,174,128)
```
#c7b179
```
#c7b179 rgb(199,177,121)
```
#ceb572
```
#ceb572 rgb(206,181,114)
```
#d6b86a
```
#d6b86a rgb(214,184,106)
```
#ddbb63
```
#ddbb63 rgb(221,187,99)
```
#e4be5c
```
#e4be5c rgb(228,190,92)
```
#ecc154
```
#ecc154 rgb(236,193,84)
```
#f3c54d
```
#f3c54d rgb(243,197,77)
```
#fac846
```
#fac846 rgb(250,200,70)
```

Tone Color Variation

Below, you can see how #ddbb63 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
#c2bba9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4c26c Protanopia 1% of men
#ebb96c Deuteranopia 1% of men
#e7b4c1 Tritanopia 0.001% of the population

Trichromacy

#d7bf68 Protanomaly 1% of men, 0.01% of women
#e6ba69 Deuteranomaly 6% of men, 0.4% of women
#e3b69e Tritanomaly 0.01% of the population

#ddbb63 hex color

#ddbb63 Color Information

#ddbb63 Color Conversion

Color Schemes with #ddbb63

Alternatives to #ddbb63

#ddbb63 Preview

Shades and Tints of #ddbb63

Tones of #ddbb63

Color Blindness Simulator