#ddbb6c hex color

In a RGB color space, hex #ddbb6c is composed of 86.7% red, 73.3% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.4% magenta, 51.1% yellow and 13.3% black. It has a hue angle of 41.9 degrees, a saturation of 62.4% and a lightness of 64.5%. #ddbb6c color hex could be obtained by blending #ffffd8 with #bb7700. Closest websafe color is: #cccc66.

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

● #ddbb6c color description : Soft orange.

The hexadecimal color #ddbb6c has RGB values of R:221, G:187, B:108 and CMYK values of C:0, M:0.15, Y:0.51, K:0.13. Its decimal value is 14531436.

Hex triplet	ddbb6c	`#ddbb6c`
RGB Decimal	221, 187, 108	`rgb(221,187,108)`
RGB Percent	86.7, 73.3, 42.4	`rgb(86.7%,73.3%,42.4%)`
CMYK	0, 15, 51, 13
HSL	41.9°, 62.4, 64.5	`hsl(41.9,62.4%,64.5%)`
HSV (or HSB)	41.9°, 51.1, 86.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	77.279, 2.357, 44.23
XYZ	50.296, 51.997, 21.574
xyY	0.406, 0.42, 51.997
CIE-LCH	77.279, 44.293, 86.95
CIE-LUV	77.279, 27.078, 54.808
Hunter-Lab	72.109, -1.687, 32.738
Binary	11011101, 10111011, 01101100

#ddbb6c
```
#ddbb6c rgb(221,187,108)
```
#6c8edd
```
#6c8edd rgb(108,142,221)
```

Complementary Color

#dd836c
```
#dd836c rgb(221,131,108)
```
#ddbb6c
```
#ddbb6c rgb(221,187,108)
```
#c7dd6c
```
#c7dd6c rgb(199,221,108)
```

Analogous Color

#836cdd
```
#836cdd rgb(131,108,221)
```
#ddbb6c
```
#ddbb6c rgb(221,187,108)
```
#6cc7dd
```
#6cc7dd rgb(108,199,221)
```

Split Complementary Color

#bb6cdd
```
#bb6cdd rgb(187,108,221)
```
#ddbb6c
```
#ddbb6c rgb(221,187,108)
```
#6cddbb
```
#6cddbb rgb(108,221,187)
```

Triadic Color

#dd6c8e
```
#dd6c8e rgb(221,108,142)
```
#ddbb6c
```
#ddbb6c rgb(221,187,108)
```
#6cddbb
```
#6cddbb rgb(108,221,187)
```
#6c8edd
```
#6c8edd rgb(108,142,221)
```

Tetradic Color

#cd9e2f
```
#cd9e2f rgb(205,158,47)
```
#d3a843
```
#d3a843 rgb(211,168,67)
```
#d8b157
```
#d8b157 rgb(216,177,87)
```
#ddbb6c
```
#ddbb6c rgb(221,187,108)
```
#e2c581
```
#e2c581 rgb(226,197,129)
```
#e7ce95
```
#e7ce95 rgb(231,206,149)
```
#ebd8aa
```
#ebd8aa rgb(235,216,170)
```

Monochromatic Color

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

#dd9f6c
```
#dd9f6c rgb(221,159,108)
```
#dda86c
```
#dda86c rgb(221,168,108)
```
#ddb26c
```
#ddb26c rgb(221,178,108)
```
#ddbb6c
```
#ddbb6c rgb(221,187,108)
```
#ddc46c
```
#ddc46c rgb(221,196,108)
```
#ddce6c
```
#ddce6c rgb(221,206,108)
```
#ddd76c
```
#ddd76c rgb(221,215,108)
```

Similar Colors

Text with hexadecimal color #ddbb6c

This text has a font color of #ddbb6c.

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

#ddbb6c background color

This paragraph has a background color of #ddbb6c.

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

#ddbb6c border color

This element has a border color of #ddbb6c.

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

CSS codes

.text {color:#ddbb6c;}

.background {background-color:#ddbb6c;}

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

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

#0c0903
```
#0c0903 rgb(12,9,3)
```
#1c1607
```
#1c1607 rgb(28,22,7)
```
#2c220a
```
#2c220a rgb(44,34,10)
```
#3c2e0e
```
#3c2e0e rgb(60,46,14)
```
#4c3a12
```
#4c3a12 rgb(76,58,18)
```
#5c4715
```
#5c4715 rgb(92,71,21)
```
#6c5319
```
#6c5319 rgb(108,83,25)
```
#7c5f1d
```
#7c5f1d rgb(124,95,29)
```
#8c6b20
```
#8c6b20 rgb(140,107,32)
```
#9c7824
```
#9c7824 rgb(156,120,36)
```
#ac8428
```
#ac8428 rgb(172,132,40)
```
#bc902b
```
#bc902b rgb(188,144,43)
```
#cb9c2f
```
#cb9c2f rgb(203,156,47)
```

Shade Color Variation

#d2a53c
```
#d2a53c rgb(210,165,60)
```
#d6ac4c
```
#d6ac4c rgb(214,172,76)
```
#d9b45c
```
#d9b45c rgb(217,180,92)
```
#ddbb6c
```
#ddbb6c rgb(221,187,108)
```
#e1c27c
```
#e1c27c rgb(225,194,124)
```
#e4ca8c
```
#e4ca8c rgb(228,202,140)
```
#e8d19c
```
#e8d19c rgb(232,209,156)
```
#ecd8ac
```
#ecd8ac rgb(236,216,172)
```
#efe0bc
```
#efe0bc rgb(239,224,188)
```
#f3e7cc
```
#f3e7cc rgb(243,231,204)
```
#f7efdc
```
#f7efdc rgb(247,239,220)
```
#faf6eb
```
#faf6eb rgb(250,246,235)
```
#fefdfb
```
#fefdfb rgb(254,253,251)
```

Tint Color Variation

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

#a5a5a4
```
#a5a5a4 rgb(165,165,164)
```
#aca89d
```
#aca89d rgb(172,168,157)
```
#b3aa96
```
#b3aa96 rgb(179,170,150)
```
#baad8f
```
#baad8f rgb(186,173,143)
```
#c1b088
```
#c1b088 rgb(193,176,136)
```
#c8b381
```
#c8b381 rgb(200,179,129)
```
#cfb57a
```
#cfb57a rgb(207,181,122)
```
#d6b873
```
#d6b873 rgb(214,184,115)
```
#ddbb6c
```
#ddbb6c rgb(221,187,108)
```
#e4be65
```
#e4be65 rgb(228,190,101)
```
#ebc15e
```
#ebc15e rgb(235,193,94)
```
#f2c357
```
#f2c357 rgb(242,195,87)
```
#f9c650
```
#f9c650 rgb(249,198,80)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#c3bcac Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4c274 Protanopia 1% of men
#eab975 Deuteranopia 1% of men
#e6b5c1 Tritanopia 0.001% of the population

Trichromacy

#d7bf71 Protanomaly 1% of men, 0.01% of women
#e5ba71 Deuteranomaly 6% of men, 0.4% of women
#e3b7a2 Tritanomaly 0.01% of the population

#ddbb6c hex color

#ddbb6c Color Information

#ddbb6c Color Conversion

Color Schemes with #ddbb6c

Alternatives to #ddbb6c

#ddbb6c Preview

Shades and Tints of #ddbb6c

Tones of #ddbb6c

Color Blindness Simulator