#edd522 hex color

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

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

● #edd522 color description : Vivid yellow.

The hexadecimal color #edd522 has RGB values of R:237, G:213, B:34 and CMYK values of C:0, M:0.1, Y:0.86, K:0.07. Its decimal value is 15586594.

Hex triplet	edd522	`#edd522`
RGB Decimal	237, 213, 34	`rgb(237,213,34)`
RGB Percent	92.9, 83.5, 13.3	`rgb(92.9%,83.5%,13.3%)`
CMYK	0, 10, 86, 7
HSL	52.9°, 84.9, 53.1	`hsl(52.9,84.9%,53.1%)`
HSV (or HSB)	52.9°, 85.7, 92.9
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	84.849, -8.149, 80.479
XYZ	59.009, 65.71, 11.089
xyY	0.435, 0.484, 65.71
CIE-LCH	84.849, 80.891, 95.782
CIE-LUV	84.849, 23.307, 88.575
Hunter-Lab	81.062, -11.92, 48.633
Binary	11101101, 11010101, 00100010

#edd522
```
#edd522 rgb(237,213,34)
```
#223aed
```
#223aed rgb(34,58,237)
```

Complementary Color

#ed7022
```
#ed7022 rgb(237,112,34)
```
#edd522
```
#edd522 rgb(237,213,34)
```
#a0ed22
```
#a0ed22 rgb(160,237,34)
```

Analogous Color

#7022ed
```
#7022ed rgb(112,34,237)
```
#edd522
```
#edd522 rgb(237,213,34)
```
#22a0ed
```
#22a0ed rgb(34,160,237)
```

Split Complementary Color

#d522ed
```
#d522ed rgb(213,34,237)
```
#edd522
```
#edd522 rgb(237,213,34)
```
#22edd5
```
#22edd5 rgb(34,237,213)
```

Triadic Color

#ed223a
```
#ed223a rgb(237,34,58)
```
#edd522
```
#edd522 rgb(237,213,34)
```
#22edd5
```
#22edd5 rgb(34,237,213)
```
#223aed
```
#223aed rgb(34,58,237)
```

Tetradic Color

#b4a00f
```
#b4a00f rgb(180,160,15)
```
#cbb511
```
#cbb511 rgb(203,181,17)
```
#e3ca12
```
#e3ca12 rgb(227,202,18)
```
#edd522
```
#edd522 rgb(237,213,34)
```
#efd93a
```
#efd93a rgb(239,217,58)
```
#f1de51
```
#f1de51 rgb(241,222,81)
```
#f3e269
```
#f3e269 rgb(243,226,105)
```

Monochromatic Color

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

#eda222
```
#eda222 rgb(237,162,34)
```
#edb322
```
#edb322 rgb(237,179,34)
```
#edc422
```
#edc422 rgb(237,196,34)
```
#edd522
```
#edd522 rgb(237,213,34)
```
#ede622
```
#ede622 rgb(237,230,34)
```
#e3ed22
```
#e3ed22 rgb(227,237,34)
```
#d2ed22
```
#d2ed22 rgb(210,237,34)
```

Similar Colors

Text with hexadecimal color #edd522

This text has a font color of #edd522.

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

#edd522 background color

This paragraph has a background color of #edd522.

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

#edd522 border color

This element has a border color of #edd522.

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

CSS codes

.text {color:#edd522;}

.background {background-color:#edd522;}

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

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

#0f0d01
```
#0f0d01 rgb(15,13,1)
```
#211d03
```
#211d03 rgb(33,29,3)
```
#332e04
```
#332e04 rgb(51,46,4)
```
#453e06
```
#453e06 rgb(69,62,6)
```
#574e07
```
#574e07 rgb(87,78,7)
```
#695e09
```
#695e09 rgb(105,94,9)
```
#7c6e0a
```
#7c6e0a rgb(124,110,10)
```
#8e7e0c
```
#8e7e0c rgb(142,126,12)
```
#a08f0d
```
#a08f0d rgb(160,143,13)
```
#b29f0f
```
#b29f0f rgb(178,159,15)
```
#c4af10
```
#c4af10 rgb(196,175,16)
```
#d6bf11
```
#d6bf11 rgb(214,191,17)
```
#e8cf13
```
#e8cf13 rgb(232,207,19)
```

Shade Color Variation

#edd522
```
#edd522 rgb(237,213,34)
```
#eed834
```
#eed834 rgb(238,216,52)
```
#f0dc46
```
#f0dc46 rgb(240,220,70)
```
#f1df58
```
#f1df58 rgb(241,223,88)
```
#f3e36b
```
#f3e36b rgb(243,227,107)
```
#f4e67d
```
#f4e67d rgb(244,230,125)
```
#f6ea8f
```
#f6ea8f rgb(246,234,143)
```
#f7eda1
```
#f7eda1 rgb(247,237,161)
```
#f9f1b3
```
#f9f1b3 rgb(249,241,179)
```
#faf4c5
```
#faf4c5 rgb(250,244,197)
```
#fcf7d7
```
#fcf7d7 rgb(252,247,215)
```
#fdfbea
```
#fdfbea rgb(253,251,234)
```
#fffefc
```
#fffefc rgb(255,254,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 #f6dc19 is the most saturated one.

#888887
```
#888887 rgb(136,136,135)
```
#918f7e
```
#918f7e rgb(145,143,126)
```
#9a9675
```
#9a9675 rgb(154,150,117)
```
#a39d6c
```
#a39d6c rgb(163,157,108)
```
#ada462
```
#ada462 rgb(173,164,98)
```
#b6ab59
```
#b6ab59 rgb(182,171,89)
```
#bfb250
```
#bfb250 rgb(191,178,80)
```
#c8b947
```
#c8b947 rgb(200,185,71)
```
#d1c03e
```
#d1c03e rgb(209,192,62)
```
#dbc734
```
#dbc734 rgb(219,199,52)
```
#e4ce2b
```
#e4ce2b rgb(228,206,43)
```
#edd522
```
#edd522 rgb(237,213,34)
```
#f6dc19
```
#f6dc19 rgb(246,220,25)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#cfcba7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#efd62d Protanopia 1% of men
#ffce7d Deuteranopia 1% of men
#fac9d7 Tritanopia 0.001% of the population

Trichromacy

#eed529 Protanomaly 1% of men, 0.01% of women
#f8d05c Deuteranomaly 6% of men, 0.4% of women
#f5cd95 Tritanomaly 0.01% of the population

#edd522 hex color

#edd522 Color Information

#edd522 Color Conversion

Color Schemes with #edd522

Alternatives to #edd522

#edd522 Preview

Shades and Tints of #edd522

Tones of #edd522

Color Blindness Simulator