colorhexa.com

#ddb663 hex color

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

- R 87
- G 71
- B 39
RGB color chart
- C 0
- M 18
- Y 55
- K 13
CMYK color chart

● #ddb663 color description : Soft orange.

The hexadecimal color #ddb663 has RGB values of R:221, G:182, B:99 and CMYK values of C:0, M:0.18, Y:0.55, K:0.13. Its decimal value is 14530147.

Hex triplet	ddb663	`#ddb663`
RGB Decimal	221, 182, 99	`rgb(221,182,99)`
RGB Percent	86.7, 71.4, 38.8	`rgb(86.7%,71.4%,38.8%)`
CMYK	0, 18, 55, 13
HSL	40.8°, 64.2, 62.7	`hsl(40.8,64.2%,62.7%)`
HSV (or HSB)	40.8°, 55.2, 86.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	75.904, 4.233, 47.022
XYZ	48.799, 49.731, 18.832
xyY	0.416, 0.424, 49.731
CIE-LCH	75.904, 47.212, 84.856
CIE-LUV	75.904, 31.047, 56.686
Hunter-Lab	70.52, 0.11, 33.531
Binary	11011101, 10110110, 01100011

#ddb663
```
#ddb663 rgb(221,182,99)
```
#638add
```
#638add rgb(99,138,221)
```

Complementary Color

#dd7963
```
#dd7963 rgb(221,121,99)
```
#ddb663
```
#ddb663 rgb(221,182,99)
```
#c7dd63
```
#c7dd63 rgb(199,221,99)
```

Analogous Color

#7963dd
```
#7963dd rgb(121,99,221)
```
#ddb663
```
#ddb663 rgb(221,182,99)
```
#63c7dd
```
#63c7dd rgb(99,199,221)
```

Split Complementary Color

#b663dd
```
#b663dd rgb(182,99,221)
```
#ddb663
```
#ddb663 rgb(221,182,99)
```
#63ddb6
```
#63ddb6 rgb(99,221,182)
```

Triadic Color

#dd638a
```
#dd638a rgb(221,99,138)
```
#ddb663
```
#ddb663 rgb(221,182,99)
```
#63ddb6
```
#63ddb6 rgb(99,221,182)
```
#638add
```
#638add rgb(99,138,221)
```

Tetradic Color

#c8962c
```
#c8962c rgb(200,150,44)
```
#d4a239
```
#d4a239 rgb(212,162,57)
```
#d8ac4e
```
#d8ac4e rgb(216,172,78)
```
#ddb663
```
#ddb663 rgb(221,182,99)
```
#e2c078
```
#e2c078 rgb(226,192,120)
```
#e6ca8d
```
#e6ca8d rgb(230,202,141)
```
#ebd3a2
```
#ebd3a2 rgb(235,211,162)
```

Monochromatic Color

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

#dd9863
```
#dd9863 rgb(221,152,99)
```
#dda263
```
#dda263 rgb(221,162,99)
```
#ddac63
```
#ddac63 rgb(221,172,99)
```
#ddb663
```
#ddb663 rgb(221,182,99)
```
#ddc063
```
#ddc063 rgb(221,192,99)
```
#ddca63
```
#ddca63 rgb(221,202,99)
```
#ddd563
```
#ddd563 rgb(221,213,99)
```

Similar Colors

Text with hexadecimal color #ddb663

This text has a font color of #ddb663.

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

#ddb663 background color

This paragraph has a background color of #ddb663.

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

#ddb663 border color

This element has a border color of #ddb663.

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

CSS codes

.text {color:#ddb663;}

.background {background-color:#ddb663;}

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

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)
```
#151005
```
#151005 rgb(21,16,5)
```
#251c08
```
#251c08 rgb(37,28,8)
```
#35280c
```
#35280c rgb(53,40,12)
```
#45340f
```
#45340f rgb(69,52,15)
```
#564013
```
#564013 rgb(86,64,19)
```
#664c16
```
#664c16 rgb(102,76,22)
```
#76581a
```
#76581a rgb(118,88,26)
```
#86641d
```
#86641d rgb(134,100,29)
```
#967121
```
#967121 rgb(150,113,33)
```
#a67d24
```
#a67d24 rgb(166,125,36)
```
#b68928
```
#b68928 rgb(182,137,40)
```
#c6952b
```
#c6952b rgb(198,149,43)
```

Shade Color Variation

#d29f33
```
#d29f33 rgb(210,159,51)
```
#d6a743
```
#d6a743 rgb(214,167,67)
```
#d9ae53
```
#d9ae53 rgb(217,174,83)
```
#ddb663
```
#ddb663 rgb(221,182,99)
```
#e1be73
```
#e1be73 rgb(225,190,115)
```
#e4c583
```
#e4c583 rgb(228,197,131)
```
#e8cd93
```
#e8cd93 rgb(232,205,147)
```
#ebd4a3
```
#ebd4a3 rgb(235,212,163)
```
#efdcb4
```
#efdcb4 rgb(239,220,180)
```
#f2e3c4
```
#f2e3c4 rgb(242,227,196)
```
#f6ebd4
```
#f6ebd4 rgb(246,235,212)
```
#f9f2e4
```
#f9f2e4 rgb(249,242,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 #fac146 is the most saturated one.

#a3a19d
```
#a3a19d rgb(163,161,157)
```
#aaa496
```
#aaa496 rgb(170,164,150)
```
#b1a68f
```
#b1a68f rgb(177,166,143)
```
#b8a988
```
#b8a988 rgb(184,169,136)
```
#c0ab80
```
#c0ab80 rgb(192,171,128)
```
#c7ae79
```
#c7ae79 rgb(199,174,121)
```
#ceb172
```
#ceb172 rgb(206,177,114)
```
#d6b36a
```
#d6b36a rgb(214,179,106)
```
#ddb663
```
#ddb663 rgb(221,182,99)
```
#e4b95c
```
#e4b95c rgb(228,185,92)
```
#ecbb54
```
#ecbb54 rgb(236,187,84)
```
#f3be4d
```
#f3be4d rgb(243,190,77)
```
#fac146
```
#fac146 rgb(250,193,70)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#bfb8a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0be6c Protanopia 1% of men
#e7b66c Deuteranopia 1% of men
#e6b0bc Tritanopia 0.001% of the population

Trichromacy

#d5bb69 Protanomaly 1% of men, 0.01% of women
#e3b668 Deuteranomaly 6% of men, 0.4% of women
#e3b29c Tritanomaly 0.01% of the population