#ddb36c hex color

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

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

● #ddb36c color description : Soft orange.

The hexadecimal color #ddb36c has RGB values of R:221, G:179, B:108 and CMYK values of C:0, M:0.19, Y:0.51, K:0.13. Its decimal value is 14529388.

Hex triplet	ddb36c	`#ddb36c`
RGB Decimal	221, 179, 108	`rgb(221,179,108)`
RGB Percent	86.7, 70.2, 42.4	`rgb(86.7%,70.2%,42.4%)`
CMYK	0, 19, 51, 13
HSL	37.7°, 62.4, 64.5	`hsl(37.7,62.4%,64.5%)`
HSV (or HSB)	37.7°, 51.1, 86.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	75.262, 6.578, 41.752
XYZ	48.646, 48.697, 21.024
xyY	0.411, 0.411, 48.697
CIE-LCH	75.262, 42.267, 81.047
CIE-LUV	75.262, 32.493, 50.947
Hunter-Lab	69.783, 2.312, 30.986
Binary	11011101, 10110011, 01101100

#ddb36c
```
#ddb36c rgb(221,179,108)
```
#6c96dd
```
#6c96dd rgb(108,150,221)
```

Complementary Color

#dd7b6c
```
#dd7b6c rgb(221,123,108)
```
#ddb36c
```
#ddb36c rgb(221,179,108)
```
#cfdd6c
```
#cfdd6c rgb(207,221,108)
```

Analogous Color

#7b6cdd
```
#7b6cdd rgb(123,108,221)
```
#ddb36c
```
#ddb36c rgb(221,179,108)
```
#6ccfdd
```
#6ccfdd rgb(108,207,221)
```

Split Complementary Color

#b36cdd
```
#b36cdd rgb(179,108,221)
```
#ddb36c
```
#ddb36c rgb(221,179,108)
```
#6cddb3
```
#6cddb3 rgb(108,221,179)
```

Triadic Color

#dd6c96
```
#dd6c96 rgb(221,108,150)
```
#ddb36c
```
#ddb36c rgb(221,179,108)
```
#6cddb3
```
#6cddb3 rgb(108,221,179)
```
#6c96dd
```
#6c96dd rgb(108,150,221)
```

Tetradic Color

#cd922f
```
#cd922f rgb(205,146,47)
```
#d39e43
```
#d39e43 rgb(211,158,67)
```
#d8a857
```
#d8a857 rgb(216,168,87)
```
#ddb36c
```
#ddb36c rgb(221,179,108)
```
#e2be81
```
#e2be81 rgb(226,190,129)
```
#e7c895
```
#e7c895 rgb(231,200,149)
```
#ebd3aa
```
#ebd3aa rgb(235,211,170)
```

Monochromatic Color

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

#dd976c
```
#dd976c rgb(221,151,108)
```
#dda06c
```
#dda06c rgb(221,160,108)
```
#ddaa6c
```
#ddaa6c rgb(221,170,108)
```
#ddb36c
```
#ddb36c rgb(221,179,108)
```
#ddbc6c
```
#ddbc6c rgb(221,188,108)
```
#ddc66c
```
#ddc66c rgb(221,198,108)
```
#ddcf6c
```
#ddcf6c rgb(221,207,108)
```

Similar Colors

Text with hexadecimal color #ddb36c

This text has a font color of #ddb36c.

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

#ddb36c background color

This paragraph has a background color of #ddb36c.

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

#ddb36c border color

This element has a border color of #ddb36c.

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

CSS codes

.text {color:#ddb36c;}

.background {background-color:#ddb36c;}

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

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)
```
#1c1407
```
#1c1407 rgb(28,20,7)
```
#2c200a
```
#2c200a rgb(44,32,10)
```
#3c2b0e
```
#3c2b0e rgb(60,43,14)
```
#4c3612
```
#4c3612 rgb(76,54,18)
```
#5c4215
```
#5c4215 rgb(92,66,21)
```
#6c4d19
```
#6c4d19 rgb(108,77,25)
```
#7c581d
```
#7c581d rgb(124,88,29)
```
#8c6420
```
#8c6420 rgb(140,100,32)
```
#9c6f24
```
#9c6f24 rgb(156,111,36)
```
#ac7b28
```
#ac7b28 rgb(172,123,40)
```
#bc862b
```
#bc862b rgb(188,134,43)
```
#cb912f
```
#cb912f rgb(203,145,47)
```

Shade Color Variation

#d29a3c
```
#d29a3c rgb(210,154,60)
```
#d6a34c
```
#d6a34c rgb(214,163,76)
```
#d9ab5c
```
#d9ab5c rgb(217,171,92)
```
#ddb36c
```
#ddb36c rgb(221,179,108)
```
#e1bb7c
```
#e1bb7c rgb(225,187,124)
```
#e4c38c
```
#e4c38c rgb(228,195,140)
```
#e8cc9c
```
#e8cc9c rgb(232,204,156)
```
#ecd4ac
```
#ecd4ac rgb(236,212,172)
```
#efdcbc
```
#efdcbc rgb(239,220,188)
```
#f3e4cc
```
#f3e4cc rgb(243,228,204)
```
#f7eddc
```
#f7eddc rgb(247,237,220)
```
#faf5eb
```
#faf5eb rgb(250,245,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 #f9ba50 is the most saturated one.

#a5a5a4
```
#a5a5a4 rgb(165,165,164)
```
#aca69d
```
#aca69d rgb(172,166,157)
```
#b3a896
```
#b3a896 rgb(179,168,150)
```
#baaa8f
```
#baaa8f rgb(186,170,143)
```
#c1ac88
```
#c1ac88 rgb(193,172,136)
```
#c8ae81
```
#c8ae81 rgb(200,174,129)
```
#cfaf7a
```
#cfaf7a rgb(207,175,122)
```
#d6b173
```
#d6b173 rgb(214,177,115)
```
#ddb36c
```
#ddb36c rgb(221,179,108)
```
#e4b565
```
#e4b565 rgb(228,181,101)
```
#ebb75e
```
#ebb75e rgb(235,183,94)
```
#f2b857
```
#f2b857 rgb(242,184,87)
```
#f9ba50
```
#f9ba50 rgb(249,186,80)
```

Tone Color Variation

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

#cdbc75 Protanopia 1% of men
#e3b474 Deuteranopia 1% of men
#e5aeba Tritanopia 0.001% of the population

Trichromacy

#d3b972 Protanomaly 1% of men, 0.01% of women
#e1b471 Deuteranomaly 6% of men, 0.4% of women
#e2b09d Tritanomaly 0.01% of the population

#ddb36c hex color

#ddb36c Color Information

#ddb36c Color Conversion

Color Schemes with #ddb36c

Alternatives to #ddb36c

#ddb36c Preview

Shades and Tints of #ddb36c

Tones of #ddb36c

Color Blindness Simulator