#ede522 hex color

In a RGB color space, hex #ede522 is composed of 92.9% red, 89.8% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.4% magenta, 85.7% yellow and 7.1% black. It has a hue angle of 57.6 degrees, a saturation of 84.9% and a lightness of 53.1%. #ede522 color hex could be obtained by blending #ffff44 with #dbcb00. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 93
- G 90
- B 13
RGB color chart
- C 0
- M 3
- Y 86
- K 7
CMYK color chart

● #ede522 color description : Vivid yellow.

The hexadecimal color #ede522 has RGB values of R:237, G:229, B:34 and CMYK values of C:0, M:0.03, Y:0.86, K:0.07. Its decimal value is 15590690.

Hex triplet	ede522	`#ede522`
RGB Decimal	237, 229, 34	`rgb(237,229,34)`
RGB Percent	92.9, 89.8, 13.3	`rgb(92.9%,89.8%,13.3%)`
CMYK	0, 3, 86, 7
HSL	57.6°, 84.9, 53.1	`hsl(57.6,84.9%,53.1%)`
HSV (or HSB)	57.6°, 85.7, 92.9
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	88.998, -16.089, 83.836
XYZ	63.233, 74.16, 12.497
xyY	0.422, 0.495, 74.16
CIE-LCH	88.998, 85.366, 100.864
CIE-LUV	88.998, 12.331, 94.695
Hunter-Lab	86.116, -19.634, 51.677
Binary	11101101, 11100101, 00100010

#ede522
```
#ede522 rgb(237,229,34)
```
#222aed
```
#222aed rgb(34,42,237)
```

Complementary Color

#ed8022
```
#ed8022 rgb(237,128,34)
```
#ede522
```
#ede522 rgb(237,229,34)
```
#90ed22
```
#90ed22 rgb(144,237,34)
```

Analogous Color

#8022ed
```
#8022ed rgb(128,34,237)
```
#ede522
```
#ede522 rgb(237,229,34)
```
#2290ed
```
#2290ed rgb(34,144,237)
```

Split Complementary Color

#e522ed
```
#e522ed rgb(229,34,237)
```
#ede522
```
#ede522 rgb(237,229,34)
```
#22ede5
```
#22ede5 rgb(34,237,229)
```

Triadic Color

#ed222a
```
#ed222a rgb(237,34,42)
```
#ede522
```
#ede522 rgb(237,229,34)
```
#22ede5
```
#22ede5 rgb(34,237,229)
```
#222aed
```
#222aed rgb(34,42,237)
```

Tetradic Color

#b4ad0f
```
#b4ad0f rgb(180,173,15)
```
#cbc411
```
#cbc411 rgb(203,196,17)
```
#e3db12
```
#e3db12 rgb(227,219,18)
```
#ede522
```
#ede522 rgb(237,229,34)
```
#efe83a
```
#efe83a rgb(239,232,58)
```
#f1eb51
```
#f1eb51 rgb(241,235,81)
```
#f3ed69
```
#f3ed69 rgb(243,237,105)
```

Monochromatic Color

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

#edb222
```
#edb222 rgb(237,178,34)
```
#edc322
```
#edc322 rgb(237,195,34)
```
#edd422
```
#edd422 rgb(237,212,34)
```
#ede522
```
#ede522 rgb(237,229,34)
```
#e4ed22
```
#e4ed22 rgb(228,237,34)
```
#d3ed22
```
#d3ed22 rgb(211,237,34)
```
#c2ed22
```
#c2ed22 rgb(194,237,34)
```

Similar Colors

Text with hexadecimal color #ede522

This text has a font color of #ede522.

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

#ede522 background color

This paragraph has a background color of #ede522.

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

#ede522 border color

This element has a border color of #ede522.

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

CSS codes

.text {color:#ede522;}

.background {background-color:#ede522;}

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

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

#0f0e01
```
#0f0e01 rgb(15,14,1)
```
#212003
```
#212003 rgb(33,32,3)
```
#333104
```
#333104 rgb(51,49,4)
```
#454306
```
#454306 rgb(69,67,6)
```
#575407
```
#575407 rgb(87,84,7)
```
#696609
```
#696609 rgb(105,102,9)
```
#7c770a
```
#7c770a rgb(124,119,10)
```
#8e890c
```
#8e890c rgb(142,137,12)
```
#a09a0d
```
#a09a0d rgb(160,154,13)
```
#b2ac0f
```
#b2ac0f rgb(178,172,15)
```
#c4bd10
```
#c4bd10 rgb(196,189,16)
```
#d6cf11
```
#d6cf11 rgb(214,207,17)
```
#e8e013
```
#e8e013 rgb(232,224,19)
```

Shade Color Variation

#ede522
```
#ede522 rgb(237,229,34)
```
#eee734
```
#eee734 rgb(238,231,52)
```
#f0e946
```
#f0e946 rgb(240,233,70)
```
#f1eb58
```
#f1eb58 rgb(241,235,88)
```
#f3ee6b
```
#f3ee6b rgb(243,238,107)
```
#f4f07d
```
#f4f07d rgb(244,240,125)
```
#f6f28f
```
#f6f28f rgb(246,242,143)
```
#f7f4a1
```
#f7f4a1 rgb(247,244,161)
```
#f9f6b3
```
#f9f6b3 rgb(249,246,179)
```
#faf8c5
```
#faf8c5 rgb(250,248,197)
```
#fcfad7
```
#fcfad7 rgb(252,250,215)
```
#fdfcea
```
#fdfcea rgb(253,252,234)
```
#fffffc
```
#fffffc rgb(255,255,252)
```

Tint Color Variation

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

#888887
```
#888887 rgb(136,136,135)
```
#91907e
```
#91907e rgb(145,144,126)
```
#9a9975
```
#9a9975 rgb(154,153,117)
```
#a3a16c
```
#a3a16c rgb(163,161,108)
```
#adaa62
```
#adaa62 rgb(173,170,98)
```
#b6b259
```
#b6b259 rgb(182,178,89)
```
#bfbb50
```
#bfbb50 rgb(191,187,80)
```
#c8c347
```
#c8c347 rgb(200,195,71)
```
#d1cc3e
```
#d1cc3e rgb(209,204,62)
```
#dbd434
```
#dbd434 rgb(219,212,52)
```
#e4dd2b
```
#e4dd2b rgb(228,221,43)
```
#ede522
```
#ede522 rgb(237,229,34)
```
#f6ed19
```
#f6ed19 rgb(246,237,25)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#d7d5ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#fce12c Protanopia 1% of men
#ffdbab Deuteranopia 1% of men
#fdd7e6 Tritanopia 0.001% of the population

Trichromacy

#f6e228 Protanomaly 1% of men, 0.01% of women
#f8df79 Deuteranomaly 6% of men, 0.4% of women
#f7dc9e Tritanomaly 0.01% of the population

#ede522 hex color

#ede522 Color Information

#ede522 Color Conversion

Color Schemes with #ede522

Alternatives to #ede522

#ede522 Preview

Shades and Tints of #ede522

Tones of #ede522

Color Blindness Simulator