#ddb36a hex color

In a RGB color space, hex #ddb36a is composed of 86.7% red, 70.2% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19% magenta, 52% yellow and 13.3% black. It has a hue angle of 38.1 degrees, a saturation of 62.8% and a lightness of 64.1%. #ddb36a color hex could be obtained by blending #ffffd4 with #bb6700. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 87
- G 70
- B 42
RGB color chart
- C 0
- M 19
- Y 52
- K 13
CMYK color chart

● #ddb36a color description : Soft orange.

The hexadecimal color #ddb36a has RGB values of R:221, G:179, B:106 and CMYK values of C:0, M:0.19, Y:0.52, K:0.13. Its decimal value is 14529386.

Hex triplet	ddb36a	`#ddb36a`
RGB Decimal	221, 179, 106	`rgb(221,179,106)`
RGB Percent	86.7, 70.2, 41.6	`rgb(86.7%,70.2%,41.6%)`
CMYK	0, 19, 52, 13
HSL	38.1°, 62.8, 64.1	`hsl(38.1,62.8%,64.1%)`
HSV (or HSB)	38.1°, 52, 86.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	75.236, 6.402, 42.732
XYZ	48.541, 48.655, 20.469
xyY	0.413, 0.414, 48.655
CIE-LCH	75.236, 43.209, 81.479
CIE-LUV	75.236, 32.637, 51.943
Hunter-Lab	69.753, 2.149, 31.428
Binary	11011101, 10110011, 01101010

#ddb36a
```
#ddb36a rgb(221,179,106)
```
#6a94dd
```
#6a94dd rgb(106,148,221)
```

Complementary Color

#dd7a6a
```
#dd7a6a rgb(221,122,106)
```
#ddb36a
```
#ddb36a rgb(221,179,106)
```
#cedd6a
```
#cedd6a rgb(206,221,106)
```

Analogous Color

#7a6add
```
#7a6add rgb(122,106,221)
```
#ddb36a
```
#ddb36a rgb(221,179,106)
```
#6acedd
```
#6acedd rgb(106,206,221)
```

Split Complementary Color

#b36add
```
#b36add rgb(179,106,221)
```
#ddb36a
```
#ddb36a rgb(221,179,106)
```
#6addb3
```
#6addb3 rgb(106,221,179)
```

Triadic Color

#dd6a94
```
#dd6a94 rgb(221,106,148)
```
#ddb36a
```
#ddb36a rgb(221,179,106)
```
#6addb3
```
#6addb3 rgb(106,221,179)
```
#6a94dd
```
#6a94dd rgb(106,148,221)
```

Tetradic Color

#cc922f
```
#cc922f rgb(204,146,47)
```
#d49e40
```
#d49e40 rgb(212,158,64)
```
#d8a855
```
#d8a855 rgb(216,168,85)
```
#ddb36a
```
#ddb36a rgb(221,179,106)
```
#e2be7f
```
#e2be7f rgb(226,190,127)
```
#e6c894
```
#e6c894 rgb(230,200,148)
```
#ebd3a8
```
#ebd3a8 rgb(235,211,168)
```

Monochromatic Color

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

#dd966a
```
#dd966a rgb(221,150,106)
```
#dda06a
```
#dda06a rgb(221,160,106)
```
#dda96a
```
#dda96a rgb(221,169,106)
```
#ddb36a
```
#ddb36a rgb(221,179,106)
```
#ddbd6a
```
#ddbd6a rgb(221,189,106)
```
#ddc66a
```
#ddc66a rgb(221,198,106)
```
#ddd06a
```
#ddd06a rgb(221,208,106)
```

Similar Colors

Text with hexadecimal color #ddb36a

This text has a font color of #ddb36a.

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

#ddb36a background color

This paragraph has a background color of #ddb36a.

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

#ddb36a border color

This element has a border color of #ddb36a.

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

CSS codes

.text {color:#ddb36a;}

.background {background-color:#ddb36a;}

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

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

#0b0802
```
#0b0802 rgb(11,8,2)
```
#1b1306
```
#1b1306 rgb(27,19,6)
```
#2b1f0a
```
#2b1f0a rgb(43,31,10)
```
#3b2a0d
```
#3b2a0d rgb(59,42,13)
```
#4b3611
```
#4b3611 rgb(75,54,17)
```
#5b4115
```
#5b4115 rgb(91,65,21)
```
#6b4d18
```
#6b4d18 rgb(107,77,24)
```
#7b581c
```
#7b581c rgb(123,88,28)
```
#8a6320
```
#8a6320 rgb(138,99,32)
```
#9a6f23
```
#9a6f23 rgb(154,111,35)
```
#aa7a27
```
#aa7a27 rgb(170,122,39)
```
#ba862b
```
#ba862b rgb(186,134,43)
```
#ca912e
```
#ca912e rgb(202,145,46)
```

Shade Color Variation

#d29b3a
```
#d29b3a rgb(210,155,58)
```
#d6a34a
```
#d6a34a rgb(214,163,74)
```
#d9ab5a
```
#d9ab5a rgb(217,171,90)
```
#ddb36a
```
#ddb36a rgb(221,179,106)
```
#e1bb7a
```
#e1bb7a rgb(225,187,122)
```
#e4c38a
```
#e4c38a rgb(228,195,138)
```
#e8cb9a
```
#e8cb9a rgb(232,203,154)
```
#ecd4aa
```
#ecd4aa rgb(236,212,170)
```
#efdcba
```
#efdcba rgb(239,220,186)
```
#f3e4ca
```
#f3e4ca rgb(243,228,202)
```
#f7ecda
```
#f7ecda rgb(247,236,218)
```
#faf4ea
```
#faf4ea rgb(250,244,234)
```
#fefcfa
```
#fefcfa rgb(254,252,250)
```

Tint Color Variation

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

#a5a4a2
```
#a5a4a2 rgb(165,164,162)
```
#aca69b
```
#aca69b rgb(172,166,155)
```
#b3a894
```
#b3a894 rgb(179,168,148)
```
#baaa8d
```
#baaa8d rgb(186,170,141)
```
#c1ab86
```
#c1ab86 rgb(193,171,134)
```
#c8ad7f
```
#c8ad7f rgb(200,173,127)
```
#cfaf78
```
#cfaf78 rgb(207,175,120)
```
#d6b171
```
#d6b171 rgb(214,177,113)
```
#ddb36a
```
#ddb36a rgb(221,179,106)
```
#e4b563
```
#e4b563 rgb(228,181,99)
```
#ebb75c
```
#ebb75c rgb(235,183,92)
```
#f2b955
```
#f2b955 rgb(242,185,85)
```
#f9bb4e
```
#f9bb4e rgb(249,187,78)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#bfb6a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cebc73 Protanopia 1% of men
#e3b472 Deuteranopia 1% of men
#e5aeba Tritanopia 0.001% of the population

Trichromacy

#d3b970 Protanomaly 1% of men, 0.01% of women
#e1b46f Deuteranomaly 6% of men, 0.4% of women
#e2af9d Tritanomaly 0.01% of the population

#ddb36a hex color

#ddb36a Color Information

#ddb36a Color Conversion

Color Schemes with #ddb36a

Alternatives to #ddb36a

#ddb36a Preview

Shades and Tints of #ddb36a

Tones of #ddb36a

Color Blindness Simulator