#edc022 hex color

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

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

● #edc022 color description : Vivid yellow.

The hexadecimal color #edc022 has RGB values of R:237, G:192, B:34 and CMYK values of C:0, M:0.19, Y:0.86, K:0.07. Its decimal value is 15581218.

Hex triplet	edc022	`#edc022`
RGB Decimal	237, 192, 34	`rgb(237,192,34)`
RGB Percent	92.9, 75.3, 13.3	`rgb(92.9%,75.3%,13.3%)`
CMYK	0, 19, 86, 7
HSL	46.7°, 84.9, 53.1	`hsl(46.7,84.9%,53.1%)`
HSV (or HSB)	46.7°, 85.7, 92.9
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	79.512, 2.589, 76.157
XYZ	54.064, 55.822, 9.44
xyY	0.453, 0.468, 55.822
CIE-LCH	79.512, 76.201, 88.053
CIE-LUV	79.512, 38.551, 80.54
Hunter-Lab	74.714, -1.584, 44.808
Binary	11101101, 11000000, 00100010

#edc022
```
#edc022 rgb(237,192,34)
```
#224fed
```
#224fed rgb(34,79,237)
```

Complementary Color

#ed5a22
```
#ed5a22 rgb(237,90,34)
```
#edc022
```
#edc022 rgb(237,192,34)
```
#b5ed22
```
#b5ed22 rgb(181,237,34)
```

Analogous Color

#5a22ed
```
#5a22ed rgb(90,34,237)
```
#edc022
```
#edc022 rgb(237,192,34)
```
#22b5ed
```
#22b5ed rgb(34,181,237)
```

Split Complementary Color

#c022ed
```
#c022ed rgb(192,34,237)
```
#edc022
```
#edc022 rgb(237,192,34)
```
#22edc0
```
#22edc0 rgb(34,237,192)
```

Triadic Color

#ed224f
```
#ed224f rgb(237,34,79)
```
#edc022
```
#edc022 rgb(237,192,34)
```
#22edc0
```
#22edc0 rgb(34,237,192)
```
#224fed
```
#224fed rgb(34,79,237)
```

Tetradic Color

#b48f0f
```
#b48f0f rgb(180,143,15)
```
#cba211
```
#cba211 rgb(203,162,17)
```
#e3b512
```
#e3b512 rgb(227,181,18)
```
#edc022
```
#edc022 rgb(237,192,34)
```
#efc73a
```
#efc73a rgb(239,199,58)
```
#f1cd51
```
#f1cd51 rgb(241,205,81)
```
#f3d469
```
#f3d469 rgb(243,212,105)
```

Monochromatic Color

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

#ed8d22
```
#ed8d22 rgb(237,141,34)
```
#ed9e22
```
#ed9e22 rgb(237,158,34)
```
#edaf22
```
#edaf22 rgb(237,175,34)
```
#edc022
```
#edc022 rgb(237,192,34)
```
#edd122
```
#edd122 rgb(237,209,34)
```
#ede222
```
#ede222 rgb(237,226,34)
```
#e7ed22
```
#e7ed22 rgb(231,237,34)
```

Similar Colors

Text with hexadecimal color #edc022

This text has a font color of #edc022.

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

#edc022 background color

This paragraph has a background color of #edc022.

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

#edc022 border color

This element has a border color of #edc022.

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

CSS codes

.text {color:#edc022;}

.background {background-color:#edc022;}

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

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

#0f0c01
```
#0f0c01 rgb(15,12,1)
```
#211a03
```
#211a03 rgb(33,26,3)
```
#332904
```
#332904 rgb(51,41,4)
```
#453706
```
#453706 rgb(69,55,6)
```
#574607
```
#574607 rgb(87,70,7)
```
#695409
```
#695409 rgb(105,84,9)
```
#7c620a
```
#7c620a rgb(124,98,10)
```
#8e710c
```
#8e710c rgb(142,113,12)
```
#a07f0d
```
#a07f0d rgb(160,127,13)
```
#b28e0f
```
#b28e0f rgb(178,142,15)
```
#c49c10
```
#c49c10 rgb(196,156,16)
```
#d6ab11
```
#d6ab11 rgb(214,171,17)
```
#e8b913
```
#e8b913 rgb(232,185,19)
```

Shade Color Variation

#edc022
```
#edc022 rgb(237,192,34)
```
#eec534
```
#eec534 rgb(238,197,52)
```
#f0ca46
```
#f0ca46 rgb(240,202,70)
```
#f1d058
```
#f1d058 rgb(241,208,88)
```
#f3d56b
```
#f3d56b rgb(243,213,107)
```
#f4da7d
```
#f4da7d rgb(244,218,125)
```
#f6df8f
```
#f6df8f rgb(246,223,143)
```
#f7e4a1
```
#f7e4a1 rgb(247,228,161)
```
#f9e9b3
```
#f9e9b3 rgb(249,233,179)
```
#faefc5
```
#faefc5 rgb(250,239,197)
```
#fcf4d7
```
#fcf4d7 rgb(252,244,215)
```
#fdf9ea
```
#fdf9ea rgb(253,249,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 #f6c519 is the most saturated one.

#888887
```
#888887 rgb(136,136,135)
```
#918d7e
```
#918d7e rgb(145,141,126)
```
#9a9275
```
#9a9275 rgb(154,146,117)
```
#a3976c
```
#a3976c rgb(163,151,108)
```
#ad9c62
```
#ad9c62 rgb(173,156,98)
```
#b6a159
```
#b6a159 rgb(182,161,89)
```
#bfa650
```
#bfa650 rgb(191,166,80)
```
#c8ac47
```
#c8ac47 rgb(200,172,71)
```
#d1b13e
```
#d1b13e rgb(209,177,62)
```
#dbb634
```
#dbb634 rgb(219,182,52)
```
#e4bb2b
```
#e4bb2b rgb(228,187,43)
```
#edc022
```
#edc022 rgb(237,192,34)
```
#f6c519
```
#f6c519 rgb(246,197,25)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#c5bc9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfc82e Protanopia 1% of men
#f9be30 Deuteranopia 1% of men
#f8b6c3 Tritanopia 0.001% of the population

Trichromacy

#e4c52a Protanomaly 1% of men, 0.01% of women
#f4bf2b Deuteranomaly 6% of men, 0.4% of women
#f4ba88 Tritanomaly 0.01% of the population

#edc022 hex color

#edc022 Color Information

#edc022 Color Conversion

Color Schemes with #edc022

Alternatives to #edc022

#edc022 Preview

Shades and Tints of #edc022

Tones of #edc022

Color Blindness Simulator