#dec686 hex color

In a RGB color space, hex #dec686 is composed of 87.1% red, 77.6% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.8% magenta, 39.6% yellow and 12.9% black. It has a hue angle of 43.6 degrees, a saturation of 57.1% and a lightness of 69.8%. #dec686 color hex could be obtained by blending #ffffff with #bd8d0d. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 87
- G 78
- B 53
RGB color chart
- C 0
- M 11
- Y 40
- K 13
CMYK color chart

● #dec686 color description : Very soft orange.

The hexadecimal color #dec686 has RGB values of R:222, G:198, B:134 and CMYK values of C:0, M:0.11, Y:0.4, K:0.13. Its decimal value is 14599814.

Hex triplet	dec686	`#dec686`
RGB Decimal	222, 198, 134	`rgb(222,198,134)`
RGB Percent	87.1, 77.6, 52.5	`rgb(87.1%,77.6%,52.5%)`
CMYK	0, 11, 40, 13
HSL	43.6°, 57.1, 69.8	`hsl(43.6,57.1%,69.8%)`
HSV (or HSB)	43.6°, 39.6, 87.1
Web Safe	cccc99	`#cccc99`

CIE-LAB	80.538, -0.417, 35.155
XYZ	54.621, 57.64, 30.801
xyY	0.382, 0.403, 57.64
CIE-LCH	80.538, 35.157, 90.679
CIE-LUV	80.538, 18.985, 46.552
Hunter-Lab	75.921, -4.441, 29.091
Binary	11011110, 11000110, 10000110

#dec686
```
#dec686 rgb(222,198,134)
```
#869ede
```
#869ede rgb(134,158,222)
```

Complementary Color

#de9a86
```
#de9a86 rgb(222,154,134)
```
#dec686
```
#dec686 rgb(222,198,134)
```
#cade86
```
#cade86 rgb(202,222,134)
```

Analogous Color

#9a86de
```
#9a86de rgb(154,134,222)
```
#dec686
```
#dec686 rgb(222,198,134)
```
#86cade
```
#86cade rgb(134,202,222)
```

Split Complementary Color

#c686de
```
#c686de rgb(198,134,222)
```
#dec686
```
#dec686 rgb(222,198,134)
```
#86dec6
```
#86dec6 rgb(134,222,198)
```

Triadic Color

#de869e
```
#de869e rgb(222,134,158)
```
#dec686
```
#dec686 rgb(222,198,134)
```
#86dec6
```
#86dec6 rgb(134,222,198)
```
#869ede
```
#869ede rgb(134,158,222)
```

Tetradic Color

#ceaa4a
```
#ceaa4a rgb(206,170,74)
```
#d3b35e
```
#d3b35e rgb(211,179,94)
```
#d9bd72
```
#d9bd72 rgb(217,189,114)
```
#dec686
```
#dec686 rgb(222,198,134)
```
#e3cf9a
```
#e3cf9a rgb(227,207,154)
```
#e9d9ae
```
#e9d9ae rgb(233,217,174)
```
#eee2c2
```
#eee2c2 rgb(238,226,194)
```

Monochromatic Color

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

#deb086
```
#deb086 rgb(222,176,134)
```
#deb786
```
#deb786 rgb(222,183,134)
```
#debf86
```
#debf86 rgb(222,191,134)
```
#dec686
```
#dec686 rgb(222,198,134)
```
#decd86
```
#decd86 rgb(222,205,134)
```
#ded586
```
#ded586 rgb(222,213,134)
```
#dedc86
```
#dedc86 rgb(222,220,134)
```

Similar Colors

Text with hexadecimal color #dec686

This text has a font color of #dec686.

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

#dec686 background color

This paragraph has a background color of #dec686.

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

#dec686 border color

This element has a border color of #dec686.

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

CSS codes

.text {color:#dec686;}

.background {background-color:#dec686;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#120e05
```
#120e05 rgb(18,14,5)
```
#211b09
```
#211b09 rgb(33,27,9)
```
#31270d
```
#31270d rgb(49,39,13)
```
#403311
```
#403311 rgb(64,51,17)
```
#4f4016
```
#4f4016 rgb(79,64,22)
```
#5f4c1a
```
#5f4c1a rgb(95,76,26)
```
#6e581e
```
#6e581e rgb(110,88,30)
```
#7e6522
```
#7e6522 rgb(126,101,34)
```
#8d7126
```
#8d7126 rgb(141,113,38)
```
#9c7d2b
```
#9c7d2b rgb(156,125,43)
```
#ac8a2f
```
#ac8a2f rgb(172,138,47)
```
#bb9633
```
#bb9633 rgb(187,150,51)
```

Shade Color Variation

#c9a239
```
#c9a239 rgb(201,162,57)
```
#cda948
```
#cda948 rgb(205,169,72)
```
#d1b058
```
#d1b058 rgb(209,176,88)
```
#d6b767
```
#d6b767 rgb(214,183,103)
```
#dabf77
```
#dabf77 rgb(218,191,119)
```
#dec686
```
#dec686 rgb(222,198,134)
```
#e2cd95
```
#e2cd95 rgb(226,205,149)
```
#e6d5a5
```
#e6d5a5 rgb(230,213,165)
```
#ebdcb4
```
#ebdcb4 rgb(235,220,180)
```
#efe3c4
```
#efe3c4 rgb(239,227,196)
```
#f3ead3
```
#f3ead3 rgb(243,234,211)
```
#f7f2e2
```
#f7f2e2 rgb(247,242,226)
```
#fbf9f2
```
#fbf9f2 rgb(251,249,242)
```

Tint Color Variation

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

#b5b3af
```
#b5b3af rgb(181,179,175)
```
#bab6aa
```
#bab6aa rgb(186,182,170)
```
#c0b9a4
```
#c0b9a4 rgb(192,185,164)
```
#c6bb9e
```
#c6bb9e rgb(198,187,158)
```
#ccbe98
```
#ccbe98 rgb(204,190,152)
```
#d2c192
```
#d2c192 rgb(210,193,146)
```
#d8c38c
```
#d8c38c rgb(216,195,140)
```
#dec686
```
#dec686 rgb(222,198,134)
```
#e4c980
```
#e4c980 rgb(228,201,128)
```
#eacb7a
```
#eacb7a rgb(234,203,122)
```
#f0ce74
```
#f0ce74 rgb(240,206,116)
```
#f6d16e
```
#f6d16e rgb(246,209,110)
```
#fcd368
```
#fcd368 rgb(252,211,104)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#cbc6b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#daca8c Protanopia 1% of men
#f0c28e Deuteranopia 1% of men
#e7c0ce Tritanopia 0.001% of the population

Trichromacy

#dcc88a Protanomaly 1% of men, 0.01% of women
#e9c38b Deuteranomaly 6% of men, 0.4% of women
#e4c2b3 Tritanomaly 0.01% of the population

#dec686 hex color

#dec686 Color Information

#dec686 Color Conversion

Color Schemes with #dec686

Alternatives to #dec686

#dec686 Preview

Shades and Tints of #dec686

Tones of #dec686

Color Blindness Simulator