#ded55a hex color

In a RGB color space, hex #ded55a is composed of 87.1% red, 83.5% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.1% magenta, 59.5% yellow and 12.9% black. It has a hue angle of 55.9 degrees, a saturation of 66.7% and a lightness of 61.2%. #ded55a color hex could be obtained by blending #ffffb4 with #bdab00. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 87
- G 84
- B 35
RGB color chart
- C 0
- M 4
- Y 59
- K 13
CMYK color chart

● #ded55a color description : Soft yellow.

The hexadecimal color #ded55a has RGB values of R:222, G:213, B:90 and CMYK values of C:0, M:0.04, Y:0.59, K:0.13. Its decimal value is 14603610.

Hex triplet	ded55a	`#ded55a`
RGB Decimal	222, 213, 90	`rgb(222,213,90)`
RGB Percent	87.1, 83.5, 35.3	`rgb(87.1%,83.5%,35.3%)`
CMYK	0, 4, 59, 13
HSL	55.9°, 66.7, 61.2	`hsl(55.9,66.7%,61.2%)`
HSV (or HSB)	55.9°, 59.5, 87.1
Web Safe	cccc66	`#cccc66`

CIE-LAB	83.891, -11.99, 60.346
XYZ	55.764, 63.857, 19.061
xyY	0.402, 0.46, 63.857
CIE-LCH	83.891, 61.526, 101.238
CIE-LUV	83.891, 11.414, 74.572
Hunter-Lab	79.911, -15.282, 41.796
Binary	11011110, 11010101, 01011010

#ded55a
```
#ded55a rgb(222,213,90)
```
#5a63de
```
#5a63de rgb(90,99,222)
```

Complementary Color

#de935a
```
#de935a rgb(222,147,90)
```
#ded55a
```
#ded55a rgb(222,213,90)
```
#a5de5a
```
#a5de5a rgb(165,222,90)
```

Analogous Color

#935ade
```
#935ade rgb(147,90,222)
```
#ded55a
```
#ded55a rgb(222,213,90)
```
#5aa5de
```
#5aa5de rgb(90,165,222)
```

Split Complementary Color

#d55ade
```
#d55ade rgb(213,90,222)
```
#ded55a
```
#ded55a rgb(222,213,90)
```
#5aded5
```
#5aded5 rgb(90,222,213)
```

Triadic Color

#de5a63
```
#de5a63 rgb(222,90,99)
```
#ded55a
```
#ded55a rgb(222,213,90)
```
#5aded5
```
#5aded5 rgb(90,222,213)
```
#5a63de
```
#5a63de rgb(90,99,222)
```

Tetradic Color

#c4ba27
```
#c4ba27 rgb(196,186,39)
```
#d6ca30
```
#d6ca30 rgb(214,202,48)
```
#dad045
```
#dad045 rgb(218,208,69)
```
#ded55a
```
#ded55a rgb(222,213,90)
```
#e2da6f
```
#e2da6f rgb(226,218,111)
```
#e7e085
```
#e7e085 rgb(231,224,133)
```
#ebe59a
```
#ebe59a rgb(235,229,154)
```

Monochromatic Color

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

#deb45a
```
#deb45a rgb(222,180,90)
```
#debf5a
```
#debf5a rgb(222,191,90)
```
#deca5a
```
#deca5a rgb(222,202,90)
```
#ded55a
```
#ded55a rgb(222,213,90)
```
#dcde5a
```
#dcde5a rgb(220,222,90)
```
#d1de5a
```
#d1de5a rgb(209,222,90)
```
#c6de5a
```
#c6de5a rgb(198,222,90)
```

Similar Colors

Text with hexadecimal color #ded55a

This text has a font color of #ded55a.

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

#ded55a background color

This paragraph has a background color of #ded55a.

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

#ded55a border color

This element has a border color of #ded55a.

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

CSS codes

.text {color:#ded55a;}

.background {background-color:#ded55a;}

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

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

#0f0e03
```
#0f0e03 rgb(15,14,3)
```
#1f1d06
```
#1f1d06 rgb(31,29,6)
```
#302d0a
```
#302d0a rgb(48,45,10)
```
#403c0d
```
#403c0d rgb(64,60,13)
```
#504c10
```
#504c10 rgb(80,76,16)
```
#615b13
```
#615b13 rgb(97,91,19)
```
#716b17
```
#716b17 rgb(113,107,23)
```
#817a1a
```
#817a1a rgb(129,122,26)
```
#928a1d
```
#928a1d rgb(146,138,29)
```
#a29920
```
#a29920 rgb(162,153,32)
```
#b2a924
```
#b2a924 rgb(178,169,36)
```
#c3b827
```
#c3b827 rgb(195,184,39)
```
#d3c72a
```
#d3c72a rgb(211,199,42)
```

Shade Color Variation

#d7cd39
```
#d7cd39 rgb(215,205,57)
```
#dbd14a
```
#dbd14a rgb(219,209,74)
```
#ded55a
```
#ded55a rgb(222,213,90)
```
#e1d96a
```
#e1d96a rgb(225,217,106)
```
#e5dd7b
```
#e5dd7b rgb(229,221,123)
```
#e8e18b
```
#e8e18b rgb(232,225,139)
```
#ebe69b
```
#ebe69b rgb(235,230,155)
```
#eeeaac
```
#eeeaac rgb(238,234,172)
```
#f2eebc
```
#f2eebc rgb(242,238,188)
```
#f5f2cc
```
#f5f2cc rgb(245,242,204)
```
#f8f6dd
```
#f8f6dd rgb(248,246,221)
```
#fbfaed
```
#fbfaed rgb(251,250,237)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

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

#a1a097
```
#a1a097 rgb(161,160,151)
```
#a9a78f
```
#a9a78f rgb(169,167,143)
```
#b0ae88
```
#b0ae88 rgb(176,174,136)
```
#b8b480
```
#b8b480 rgb(184,180,128)
```
#c0bb78
```
#c0bb78 rgb(192,187,120)
```
#c7c171
```
#c7c171 rgb(199,193,113)
```
#cfc869
```
#cfc869 rgb(207,200,105)
```
#d6ce62
```
#d6ce62 rgb(214,206,98)
```
#ded55a
```
#ded55a rgb(222,213,90)
```
#e6dc52
```
#e6dc52 rgb(230,220,82)
```
#ede24b
```
#ede24b rgb(237,226,75)
```
#f5e943
```
#f5e943 rgb(245,233,67)
```
#fcef3c
```
#fcef3c rgb(252,239,60)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#ceccb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ead361 Protanopia 1% of men
#ffcb79 Deuteranopia 1% of men
#eccad9 Tritanopia 0.001% of the population

Trichromacy

#e5d45e Protanomaly 1% of men, 0.01% of women
#f3ce6d Deuteranomaly 6% of men, 0.4% of women
#e7ceaa Tritanomaly 0.01% of the population

#ded55a hex color

#ded55a Color Information

#ded55a Color Conversion

Color Schemes with #ded55a

Alternatives to #ded55a

#ded55a Preview

Shades and Tints of #ded55a

Tones of #ded55a

Color Blindness Simulator