#ded86c hex color

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

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

● #ded86c color description : Soft yellow.

The hexadecimal color #ded86c has RGB values of R:222, G:216, B:108 and CMYK values of C:0, M:0.03, Y:0.51, K:0.13. Its decimal value is 14604396.

Hex triplet	ded86c	`#ded86c`
RGB Decimal	222, 216, 108	`rgb(222,216,108)`
RGB Percent	87.1, 84.7, 42.4	`rgb(87.1%,84.7%,42.4%)`
CMYK	0, 3, 51, 13
HSL	56.8°, 63.3, 64.7	`hsl(56.8,63.3%,64.7%)`
HSV (or HSB)	56.8°, 51.4, 87.1
Web Safe	cccc66	`#cccc66`

CIE-LAB	84.856, -12.126, 53.329
XYZ	57.387, 65.725, 23.85
xyY	0.39, 0.447, 65.725
CIE-LCH	84.856, 54.69, 102.81
CIE-LUV	84.856, 8.898, 68.691
Hunter-Lab	81.071, -15.522, 39.307
Binary	11011110, 11011000, 01101100

#ded86c
```
#ded86c rgb(222,216,108)
```
#6c72de
```
#6c72de rgb(108,114,222)
```

Complementary Color

#de9f6c
```
#de9f6c rgb(222,159,108)
```
#ded86c
```
#ded86c rgb(222,216,108)
```
#abde6c
```
#abde6c rgb(171,222,108)
```

Analogous Color

#9f6cde
```
#9f6cde rgb(159,108,222)
```
#ded86c
```
#ded86c rgb(222,216,108)
```
#6cabde
```
#6cabde rgb(108,171,222)
```

Split Complementary Color

#d86cde
```
#d86cde rgb(216,108,222)
```
#ded86c
```
#ded86c rgb(222,216,108)
```
#6cded8
```
#6cded8 rgb(108,222,216)
```

Triadic Color

#de6c72
```
#de6c72 rgb(222,108,114)
```
#ded86c
```
#ded86c rgb(222,216,108)
```
#6cded8
```
#6cded8 rgb(108,222,216)
```
#6c72de
```
#6c72de rgb(108,114,222)
```

Tetradic Color

#cfc72e
```
#cfc72e rgb(207,199,46)
```
#d5cd42
```
#d5cd42 rgb(213,205,66)
```
#d9d257
```
#d9d257 rgb(217,210,87)
```
#ded86c
```
#ded86c rgb(222,216,108)
```
#e3de81
```
#e3de81 rgb(227,222,129)
```
#e7e396
```
#e7e396 rgb(231,227,150)
```
#ece9aa
```
#ece9aa rgb(236,233,170)
```

Monochromatic Color

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

#debc6c
```
#debc6c rgb(222,188,108)
```
#dec56c
```
#dec56c rgb(222,197,108)
```
#decf6c
```
#decf6c rgb(222,207,108)
```
#ded86c
```
#ded86c rgb(222,216,108)
```
#dbde6c
```
#dbde6c rgb(219,222,108)
```
#d1de6c
```
#d1de6c rgb(209,222,108)
```
#c8de6c
```
#c8de6c rgb(200,222,108)
```

Similar Colors

Text with hexadecimal color #ded86c

This text has a font color of #ded86c.

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

#ded86c background color

This paragraph has a background color of #ded86c.

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

#ded86c border color

This element has a border color of #ded86c.

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

CSS codes

.text {color:#ded86c;}

.background {background-color:#ded86c;}

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

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

#0d0d03
```
#0d0d03 rgb(13,13,3)
```
#1d1c07
```
#1d1c07 rgb(29,28,7)
```
#2d2b0a
```
#2d2b0a rgb(45,43,10)
```
#3d3b0e
```
#3d3b0e rgb(61,59,14)
```
#4d4a11
```
#4d4a11 rgb(77,74,17)
```
#5d5915
```
#5d5915 rgb(93,89,21)
```
#6d6919
```
#6d6919 rgb(109,105,25)
```
#7d781c
```
#7d781c rgb(125,120,28)
```
#8d8820
```
#8d8820 rgb(141,136,32)
```
#9d9723
```
#9d9723 rgb(157,151,35)
```
#ada627
```
#ada627 rgb(173,166,39)
```
#bdb62b
```
#bdb62b rgb(189,182,43)
```
#cdc52e
```
#cdc52e rgb(205,197,46)
```

Shade Color Variation

#d3cb3c
```
#d3cb3c rgb(211,203,60)
```
#d7d04c
```
#d7d04c rgb(215,208,76)
```
#dad45c
```
#dad45c rgb(218,212,92)
```
#ded86c
```
#ded86c rgb(222,216,108)
```
#e2dc7c
```
#e2dc7c rgb(226,220,124)
```
#e5e18c
```
#e5e18c rgb(229,225,140)
```
#e9e59c
```
#e9e59c rgb(233,229,156)
```
#ece9ac
```
#ece9ac rgb(236,233,172)
```
#f0edbc
```
#f0edbc rgb(240,237,188)
```
#f4f2cc
```
#f4f2cc rgb(244,242,204)
```
#f7f6dc
```
#f7f6dc rgb(247,246,220)
```
#fbfaec
```
#fbfaec rgb(251,250,236)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

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

#a7a6a3
```
#a7a6a3 rgb(167,166,163)
```
#aead9c
```
#aead9c rgb(174,173,156)
```
#b4b396
```
#b4b396 rgb(180,179,150)
```
#bbb98f
```
#bbb98f rgb(187,185,143)
```
#c2bf88
```
#c2bf88 rgb(194,191,136)
```
#c9c581
```
#c9c581 rgb(201,197,129)
```
#d0cc7a
```
#d0cc7a rgb(208,204,122)
```
#d7d273
```
#d7d273 rgb(215,210,115)
```
#ded86c
```
#ded86c rgb(222,216,108)
```
#e5de65
```
#e5de65 rgb(229,222,101)
```
#ece45e
```
#ece45e rgb(236,228,94)
```
#f3eb57
```
#f3eb57 rgb(243,235,87)
```
#faf150
```
#faf150 rgb(250,241,80)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#d0cfba Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebd672 Protanopia 1% of men
#ffcd89 Deuteranopia 1% of men
#ebcedc Tritanopia 0.001% of the population

Trichromacy

#e6d670 Protanomaly 1% of men, 0.01% of women
#f3d17e Deuteranomaly 6% of men, 0.4% of women
#e6d1b3 Tritanomaly 0.01% of the population

#ded86c hex color

#ded86c Color Information

#ded86c Color Conversion

Color Schemes with #ded86c

Alternatives to #ded86c

#ded86c Preview

Shades and Tints of #ded86c

Tones of #ded86c

Color Blindness Simulator