#ded22a hex color

In a RGB color space, hex #ded22a is composed of 87.1% red, 82.4% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.4% magenta, 81.1% yellow and 12.9% black. It has a hue angle of 56 degrees, a saturation of 73.2% and a lightness of 51.8%. #ded22a color hex could be obtained by blending #ffff54 with #bda500. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 87
- G 82
- B 16
RGB color chart
- C 0
- M 5
- Y 81
- K 13
CMYK color chart

● #ded22a color description : Bright yellow.

The hexadecimal color #ded22a has RGB values of R:222, G:210, B:42 and CMYK values of C:0, M:0.05, Y:0.81, K:0.13. Its decimal value is 14602794.

Hex triplet	ded22a	`#ded22a`
RGB Decimal	222, 210, 42	`rgb(222,210,42)`
RGB Percent	87.1, 82.4, 16.5	`rgb(87.1%,82.4%,16.5%)`
CMYK	0, 5, 81, 13
HSL	56°, 73.2, 51.8	`hsl(56,73.2%,51.8%)`
HSV (or HSB)	56°, 81.1, 87.1
Web Safe	cccc33	`#cccc33`

CIE-LAB	82.802, -12.809, 76.377
XYZ	53.589, 61.791, 11.295
xyY	0.423, 0.488, 61.791
CIE-LCH	82.802, 77.443, 99.521
CIE-LUV	82.802, 14.516, 86.031
Hunter-Lab	78.607, -15.874, 46.506
Binary	11011110, 11010010, 00101010

#ded22a
```
#ded22a rgb(222,210,42)
```
#2a36de
```
#2a36de rgb(42,54,222)
```

Complementary Color

#de782a
```
#de782a rgb(222,120,42)
```
#ded22a
```
#ded22a rgb(222,210,42)
```
#90de2a
```
#90de2a rgb(144,222,42)
```

Analogous Color

#782ade
```
#782ade rgb(120,42,222)
```
#ded22a
```
#ded22a rgb(222,210,42)
```
#2a90de
```
#2a90de rgb(42,144,222)
```

Split Complementary Color

#d22ade
```
#d22ade rgb(210,42,222)
```
#ded22a
```
#ded22a rgb(222,210,42)
```
#2aded2
```
#2aded2 rgb(42,222,210)
```

Triadic Color

#de2a36
```
#de2a36 rgb(222,42,54)
```
#ded22a
```
#ded22a rgb(222,210,42)
```
#2aded2
```
#2aded2 rgb(42,222,210)
```
#2a36de
```
#2a36de rgb(42,54,222)
```

Tetradic Color

#a29919
```
#a29919 rgb(162,153,25)
```
#b8ae1d
```
#b8ae1d rgb(184,174,29)
```
#cfc320
```
#cfc320 rgb(207,195,32)
```
#ded22a
```
#ded22a rgb(222,210,42)
```
#e1d740
```
#e1d740 rgb(225,215,64)
```
#e5db56
```
#e5db56 rgb(229,219,86)
```
#e8e06c
```
#e8e06c rgb(232,224,108)
```

Monochromatic Color

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

#dea52a
```
#dea52a rgb(222,165,42)
```
#deb42a
```
#deb42a rgb(222,180,42)
```
#dec32a
```
#dec32a rgb(222,195,42)
```
#ded22a
```
#ded22a rgb(222,210,42)
```
#dbde2a
```
#dbde2a rgb(219,222,42)
```
#ccde2a
```
#ccde2a rgb(204,222,42)
```
#bdde2a
```
#bdde2a rgb(189,222,42)
```

Similar Colors

Text with hexadecimal color #ded22a

This text has a font color of #ded22a.

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

#ded22a background color

This paragraph has a background color of #ded22a.

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

#ded22a border color

This element has a border color of #ded22a.

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

CSS codes

.text {color:#ded22a;}

.background {background-color:#ded22a;}

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

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

#080701
```
#080701 rgb(8,7,1)
```
#191704
```
#191704 rgb(25,23,4)
```
#2a2706
```
#2a2706 rgb(42,39,6)
```
#3b3709
```
#3b3709 rgb(59,55,9)
```
#4c470c
```
#4c470c rgb(76,71,12)
```
#5d570e
```
#5d570e rgb(93,87,14)
```
#6e6811
```
#6e6811 rgb(110,104,17)
```
#7f7814
```
#7f7814 rgb(127,120,20)
```
#908816
```
#908816 rgb(144,136,22)
```
#a19819
```
#a19819 rgb(161,152,25)
```
#b2a81c
```
#b2a81c rgb(178,168,28)
```
#c3b81e
```
#c3b81e rgb(195,184,30)
```
#d4c821
```
#d4c821 rgb(212,200,33)
```

Shade Color Variation

#ded22a
```
#ded22a rgb(222,210,42)
```
#e1d63b
```
#e1d63b rgb(225,214,59)
```
#e3d94c
```
#e3d94c rgb(227,217,76)
```
#e6dd5d
```
#e6dd5d rgb(230,221,93)
```
#e9e06e
```
#e9e06e rgb(233,224,110)
```
#ebe47f
```
#ebe47f rgb(235,228,127)
```
#eee890
```
#eee890 rgb(238,232,144)
```
#f0eba1
```
#f0eba1 rgb(240,235,161)
```
#f3efb2
```
#f3efb2 rgb(243,239,178)
```
#f6f2c3
```
#f6f2c3 rgb(246,242,195)
```
#f8f6d4
```
#f8f6d4 rgb(248,246,212)
```
#fbf9e5
```
#fbf9e5 rgb(251,249,229)
```
#fefdf6
```
#fefdf6 rgb(254,253,246)
```

Tint Color Variation

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

#89887f
```
#89887f rgb(137,136,127)
```
#929076
```
#929076 rgb(146,144,118)
```
#9c996c
```
#9c996c rgb(156,153,108)
```
#a5a163
```
#a5a163 rgb(165,161,99)
```
#afa959
```
#afa959 rgb(175,169,89)
```
#b8b150
```
#b8b150 rgb(184,177,80)
```
#c2b946
```
#c2b946 rgb(194,185,70)
```
#cbc23d
```
#cbc23d rgb(203,194,61)
```
#d5ca33
```
#d5ca33 rgb(213,202,51)
```
#ded22a
```
#ded22a rgb(222,210,42)
```
#e7da21
```
#e7da21 rgb(231,218,33)
```
#f1e217
```
#f1e217 rgb(241,226,23)
```
#faeb0e
```
#faeb0e rgb(250,235,14)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#c8c5a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d134 Protanopia 1% of men
#ffc75f Deuteranopia 1% of men
#edc6d4 Tritanopia 0.001% of the population

Trichromacy

#e5d130 Protanomaly 1% of men, 0.01% of women
#f3cb4b Deuteranomaly 6% of men, 0.4% of women
#e7ca96 Tritanomaly 0.01% of the population

#ded22a hex color

#ded22a Color Information

#ded22a Color Conversion

Color Schemes with #ded22a

Alternatives to #ded22a

#ded22a Preview

Shades and Tints of #ded22a

Tones of #ded22a

Color Blindness Simulator