#ded522 hex color

In a RGB color space, hex #ded522 is composed of 87.1% red, 83.5% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.1% magenta, 84.7% yellow and 12.9% black. It has a hue angle of 57.1 degrees, a saturation of 74% and a lightness of 50.2%. #ded522 color hex could be obtained by blending #ffff44 with #bdab00. Closest websafe color is: #cccc33.

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

● #ded522 color description : Bright yellow.

The hexadecimal color #ded522 has RGB values of R:222, G:213, B:34 and CMYK values of C:0, M:0.04, Y:0.85, K:0.13. Its decimal value is 14603554.

Hex triplet	ded522	`#ded522`
RGB Decimal	222, 213, 34	`rgb(222,213,34)`
RGB Percent	87.1, 83.5, 13.3	`rgb(87.1%,83.5%,13.3%)`
CMYK	0, 4, 85, 13
HSL	57.1°, 74, 50.2	`hsl(57.1,74%,50.2%)`
HSV (or HSB)	57.1°, 84.7, 87.1
Web Safe	cccc33	`#cccc33`

CIE-LAB	83.566, -14.517, 78.904
XYZ	54.207, 63.235, 10.863
xyY	0.422, 0.493, 63.235
CIE-LCH	83.566, 80.228, 100.425
CIE-LUV	83.566, 12.594, 88.388
Hunter-Lab	79.52, -17.481, 47.564
Binary	11011110, 11010101, 00100010

#ded522
```
#ded522 rgb(222,213,34)
```
#222bde
```
#222bde rgb(34,43,222)
```

Complementary Color

#de7722
```
#de7722 rgb(222,119,34)
```
#ded522
```
#ded522 rgb(222,213,34)
```
#89de22
```
#89de22 rgb(137,222,34)
```

Analogous Color

#7722de
```
#7722de rgb(119,34,222)
```
#ded522
```
#ded522 rgb(222,213,34)
```
#2289de
```
#2289de rgb(34,137,222)
```

Split Complementary Color

#d522de
```
#d522de rgb(213,34,222)
```
#ded522
```
#ded522 rgb(222,213,34)
```
#22ded5
```
#22ded5 rgb(34,222,213)
```

Triadic Color

#de222b
```
#de222b rgb(222,34,43)
```
#ded522
```
#ded522 rgb(222,213,34)
```
#22ded5
```
#22ded5 rgb(34,222,213)
```
#222bde
```
#222bde rgb(34,43,222)
```

Tetradic Color

#9c9617
```
#9c9617 rgb(156,150,23)
```
#b2ab1b
```
#b2ab1b rgb(178,171,27)
```
#c9c01e
```
#c9c01e rgb(201,192,30)
```
#ded522
```
#ded522 rgb(222,213,34)
```
#e1d938
```
#e1d938 rgb(225,217,56)
```
#e5dd4e
```
#e5dd4e rgb(229,221,78)
```
#e8e265
```
#e8e265 rgb(232,226,101)
```

Monochromatic Color

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

#dea622
```
#dea622 rgb(222,166,34)
```
#deb622
```
#deb622 rgb(222,182,34)
```
#dec522
```
#dec522 rgb(222,197,34)
```
#ded522
```
#ded522 rgb(222,213,34)
```
#d7de22
```
#d7de22 rgb(215,222,34)
```
#c8de22
```
#c8de22 rgb(200,222,34)
```
#b8de22
```
#b8de22 rgb(184,222,34)
```

Similar Colors

Text with hexadecimal color #ded522

This text has a font color of #ded522.

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

#ded522 background color

This paragraph has a background color of #ded522.

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

#ded522 border color

This element has a border color of #ded522.

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

CSS codes

.text {color:#ded522;}

.background {background-color:#ded522;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#121103
```
#121103 rgb(18,17,3)
```
#232205
```
#232205 rgb(35,34,5)
```
#343208
```
#343208 rgb(52,50,8)
```
#45420a
```
#45420a rgb(69,66,10)
```
#56530d
```
#56530d rgb(86,83,13)
```
#67630f
```
#67630f rgb(103,99,15)
```
#787312
```
#787312 rgb(120,115,18)
```
#898415
```
#898415 rgb(137,132,21)
```
#9a9417
```
#9a9417 rgb(154,148,23)
```
#aca51a
```
#aca51a rgb(172,165,26)
```
#bdb51c
```
#bdb51c rgb(189,181,28)
```
#cec51f
```
#cec51f rgb(206,197,31)
```

Shade Color Variation

#ded522
```
#ded522 rgb(222,213,34)
```
#e1d833
```
#e1d833 rgb(225,216,51)
```
#e3db44
```
#e3db44 rgb(227,219,68)
```
#e6df55
```
#e6df55 rgb(230,223,85)
```
#e8e266
```
#e8e266 rgb(232,226,102)
```
#ebe577
```
#ebe577 rgb(235,229,119)
```
#ede888
```
#ede888 rgb(237,232,136)
```
#f0ec99
```
#f0ec99 rgb(240,236,153)
```
#f2efab
```
#f2efab rgb(242,239,171)
```
#f5f2bc
```
#f5f2bc rgb(245,242,188)
```
#f7f5cd
```
#f7f5cd rgb(247,245,205)
```
#faf9de
```
#faf9de rgb(250,249,222)
```
#fdfcef
```
#fdfcef rgb(253,252,239)
```

Tint Color Variation

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

#86857a
```
#86857a rgb(134,133,122)
```
#908e70
```
#908e70 rgb(144,142,112)
```
#9a9766
```
#9a9766 rgb(154,151,102)
```
#a3a05d
```
#a3a05d rgb(163,160,93)
```
#ada953
```
#ada953 rgb(173,169,83)
```
#b7b249
```
#b7b249 rgb(183,178,73)
```
#c1ba3f
```
#c1ba3f rgb(193,186,63)
```
#cac336
```
#cac336 rgb(202,195,54)
```
#d4cc2c
```
#d4cc2c rgb(212,204,44)
```
#ded522
```
#ded522 rgb(222,213,34)
```
#e8de18
```
#e8de18 rgb(232,222,24)
```
#f2e70e
```
#f2e70e rgb(242,231,14)
```
#fbf005
```
#fbf005 rgb(251,240,5)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#c8c7a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecd32c Protanopia 1% of men
#ffca6b Deuteranopia 1% of men
#edc9d7 Tritanopia 0.001% of the population

Trichromacy

#e6d328 Protanomaly 1% of men, 0.01% of women
#f3ce50 Deuteranomaly 6% of men, 0.4% of women
#e7cd95 Tritanomaly 0.01% of the population

#ded522 hex color

#ded522 Color Information

#ded522 Color Conversion

Color Schemes with #ded522

Alternatives to #ded522

#ded522 Preview

Shades and Tints of #ded522

Tones of #ded522

Color Blindness Simulator