#ded86f hex color

In a RGB color space, hex #ded86f is composed of 87.1% red, 84.7% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.7% magenta, 50% yellow and 12.9% black. It has a hue angle of 56.8 degrees, a saturation of 62.7% and a lightness of 65.3%. #ded86f color hex could be obtained by blending #ffffde with #bdb100. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 87
- G 85
- B 44
RGB color chart
- C 0
- M 3
- Y 50
- K 13
CMYK color chart

● #ded86f color description : Soft yellow.

The hexadecimal color #ded86f has RGB values of R:222, G:216, B:111 and CMYK values of C:0, M:0.03, Y:0.5, K:0.13. Its decimal value is 14604399.

Hex triplet	ded86f	`#ded86f`
RGB Decimal	222, 216, 111	`rgb(222,216,111)`
RGB Percent	87.1, 84.7, 43.5	`rgb(87.1%,84.7%,43.5%)`
CMYK	0, 3, 50, 13
HSL	56.8°, 62.7, 65.3	`hsl(56.8,62.7%,65.3%)`
HSV (or HSB)	56.8°, 50, 87.1
Web Safe	cccc66	`#cccc66`

CIE-LAB	84.889, -11.871, 51.962
XYZ	57.549, 65.79, 24.705
xyY	0.389, 0.444, 65.79
CIE-LCH	84.889, 53.301, 102.869
CIE-LUV	84.889, 8.79, 67.356
Hunter-Lab	81.111, -15.297, 38.719
Binary	11011110, 11011000, 01101111

#ded86f
```
#ded86f rgb(222,216,111)
```
#6f75de
```
#6f75de rgb(111,117,222)
```

Complementary Color

#dea16f
```
#dea16f rgb(222,161,111)
```
#ded86f
```
#ded86f rgb(222,216,111)
```
#adde6f
```
#adde6f rgb(173,222,111)
```

Analogous Color

#a16fde
```
#a16fde rgb(161,111,222)
```
#ded86f
```
#ded86f rgb(222,216,111)
```
#6fadde
```
#6fadde rgb(111,173,222)
```

Split Complementary Color

#d86fde
```
#d86fde rgb(216,111,222)
```
#ded86f
```
#ded86f rgb(222,216,111)
```
#6fded8
```
#6fded8 rgb(111,222,216)
```

Triadic Color

#de6f75
```
#de6f75 rgb(222,111,117)
```
#ded86f
```
#ded86f rgb(222,216,111)
```
#6fded8
```
#6fded8 rgb(111,222,216)
```
#6f75de
```
#6f75de rgb(111,117,222)
```

Tetradic Color

#d0c731
```
#d0c731 rgb(208,199,49)
```
#d4cd46
```
#d4cd46 rgb(212,205,70)
```
#d9d25a
```
#d9d25a rgb(217,210,90)
```
#ded86f
```
#ded86f rgb(222,216,111)
```
#e3de84
```
#e3de84 rgb(227,222,132)
```
#e8e398
```
#e8e398 rgb(232,227,152)
```
#ece9ad
```
#ece9ad rgb(236,233,173)
```

Monochromatic Color

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

#debc6f
```
#debc6f rgb(222,188,111)
```
#dec66f
```
#dec66f rgb(222,198,111)
```
#decf6f
```
#decf6f rgb(222,207,111)
```
#ded86f
```
#ded86f rgb(222,216,111)
```
#dbde6f
```
#dbde6f rgb(219,222,111)
```
#d2de6f
```
#d2de6f rgb(210,222,111)
```
#c8de6f
```
#c8de6f rgb(200,222,111)
```

Similar Colors

Text with hexadecimal color #ded86f

This text has a font color of #ded86f.

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

#ded86f background color

This paragraph has a background color of #ded86f.

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

#ded86f border color

This element has a border color of #ded86f.

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

CSS codes

.text {color:#ded86f;}

.background {background-color:#ded86f;}

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

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, #100f04 is the darkest color, while #ffffff is the lightest one.

#100f04
```
#100f04 rgb(16,15,4)
```
#201e07
```
#201e07 rgb(32,30,7)
```
#2f2e0b
```
#2f2e0b rgb(47,46,11)
```
#3f3d0f
```
#3f3d0f rgb(63,61,15)
```
#4f4c12
```
#4f4c12 rgb(79,76,18)
```
#5f5b16
```
#5f5b16 rgb(95,91,22)
```
#6f6b1a
```
#6f6b1a rgb(111,107,26)
```
#7f7a1d
```
#7f7a1d rgb(127,122,29)
```
#8f8921
```
#8f8921 rgb(143,137,33)
```
#9f9924
```
#9f9924 rgb(159,153,36)
```
#afa828
```
#afa828 rgb(175,168,40)
```
#bfb72c
```
#bfb72c rgb(191,183,44)
```
#cfc62f
```
#cfc62f rgb(207,198,47)
```

Shade Color Variation

#d3cb3f
```
#d3cb3f rgb(211,203,63)
```
#d7cf4f
```
#d7cf4f rgb(215,207,79)
```
#dad45f
```
#dad45f rgb(218,212,95)
```
#ded86f
```
#ded86f rgb(222,216,111)
```
#e2dc7f
```
#e2dc7f rgb(226,220,127)
```
#e5e18f
```
#e5e18f rgb(229,225,143)
```
#e9e59f
```
#e9e59f rgb(233,229,159)
```
#ede9af
```
#ede9af rgb(237,233,175)
```
#f0eebf
```
#f0eebf rgb(240,238,191)
```
#f4f2cf
```
#f4f2cf rgb(244,242,207)
```
#f8f6df
```
#f8f6df rgb(248,246,223)
```
#fbfbef
```
#fbfbef rgb(251,251,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a8a7a5
```
#a8a7a5 rgb(168,167,165)
```
#aead9f
```
#aead9f rgb(174,173,159)
```
#b5b498
```
#b5b498 rgb(181,180,152)
```
#bcba91
```
#bcba91 rgb(188,186,145)
```
#c3c08a
```
#c3c08a rgb(195,192,138)
```
#cac683
```
#cac683 rgb(202,198,131)
```
#d0cc7d
```
#d0cc7d rgb(208,204,125)
```
#d7d276
```
#d7d276 rgb(215,210,118)
```
#ded86f
```
#ded86f rgb(222,216,111)
```
#e5de68
```
#e5de68 rgb(229,222,104)
```
#ece461
```
#ece461 rgb(236,228,97)
```
#f2ea5b
```
#f2ea5b rgb(242,234,91)
```
#f9f054
```
#f9f054 rgb(249,240,84)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#d1d0bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebd675 Protanopia 1% of men
#ffce8a Deuteranopia 1% of men
#ebcedd Tritanopia 0.001% of the population

Trichromacy

#e6d673 Protanomaly 1% of men, 0.01% of women
#f3d180 Deuteranomaly 6% of men, 0.4% of women
#e6d1b5 Tritanomaly 0.01% of the population

#ded86f hex color

#ded86f Color Information

#ded86f Color Conversion

Color Schemes with #ded86f

Alternatives to #ded86f

#ded86f Preview

Shades and Tints of #ded86f

Tones of #ded86f

Color Blindness Simulator