#edd22a hex color

In a RGB color space, hex #edd22a is composed of 92.9% red, 82.4% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.4% magenta, 82.3% yellow and 7.1% black. It has a hue angle of 51.7 degrees, a saturation of 84.4% and a lightness of 54.7%. #edd22a color hex could be obtained by blending #ffff54 with #dba500. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 93
- G 82
- B 16
RGB color chart
- C 0
- M 11
- Y 82
- K 7
CMYK color chart

● #edd22a color description : Bright yellow.

The hexadecimal color #edd22a has RGB values of R:237, G:210, B:42 and CMYK values of C:0, M:0.11, Y:0.82, K:0.07. Its decimal value is 15585834.

Hex triplet	edd22a	`#edd22a`
RGB Decimal	237, 210, 42	`rgb(237,210,42)`
RGB Percent	92.9, 82.4, 16.5	`rgb(92.9%,82.4%,16.5%)`
CMYK	0, 11, 82, 7
HSL	51.7°, 84.4, 54.7	`hsl(51.7,84.4%,54.7%)`
HSV (or HSB)	51.7°, 82.3, 92.9
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	84.105, -6.438, 78.002
XYZ	58.39, 64.267, 11.52
xyY	0.435, 0.479, 64.267
CIE-LCH	84.105, 78.267, 94.718
CIE-LUV	84.105, 25.296, 86.265
Hunter-Lab	80.167, -10.279, 47.597
Binary	11101101, 11010010, 00101010

#edd22a
```
#edd22a rgb(237,210,42)
```
#2a45ed
```
#2a45ed rgb(42,69,237)
```

Complementary Color

#ed712a
```
#ed712a rgb(237,113,42)
```
#edd22a
```
#edd22a rgb(237,210,42)
```
#a7ed2a
```
#a7ed2a rgb(167,237,42)
```

Analogous Color

#712aed
```
#712aed rgb(113,42,237)
```
#edd22a
```
#edd22a rgb(237,210,42)
```
#2aa7ed
```
#2aa7ed rgb(42,167,237)
```

Split Complementary Color

#d22aed
```
#d22aed rgb(210,42,237)
```
#edd22a
```
#edd22a rgb(237,210,42)
```
#2aedd2
```
#2aedd2 rgb(42,237,210)
```

Triadic Color

#ed2a45
```
#ed2a45 rgb(237,42,69)
```
#edd22a
```
#edd22a rgb(237,210,42)
```
#2aedd2
```
#2aedd2 rgb(42,237,210)
```
#2a45ed
```
#2a45ed rgb(42,69,237)
```

Tetradic Color

#bba310
```
#bba310 rgb(187,163,16)
```
#d2b812
```
#d2b812 rgb(210,184,18)
```
#eacc14
```
#eacc14 rgb(234,204,20)
```
#edd22a
```
#edd22a rgb(237,210,42)
```
#efd742
```
#efd742 rgb(239,215,66)
```
#f1dc59
```
#f1dc59 rgb(241,220,89)
```
#f3e171
```
#f3e171 rgb(243,225,113)
```

Monochromatic Color

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

#eda12a
```
#eda12a rgb(237,161,42)
```
#edb22a
```
#edb22a rgb(237,178,42)
```
#edc22a
```
#edc22a rgb(237,194,42)
```
#edd22a
```
#edd22a rgb(237,210,42)
```
#ede22a
```
#ede22a rgb(237,226,42)
```
#e8ed2a
```
#e8ed2a rgb(232,237,42)
```
#d7ed2a
```
#d7ed2a rgb(215,237,42)
```

Similar Colors

Text with hexadecimal color #edd22a

This text has a font color of #edd22a.

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

#edd22a background color

This paragraph has a background color of #edd22a.

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

#edd22a border color

This element has a border color of #edd22a.

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

CSS codes

.text {color:#edd22a;}

.background {background-color:#edd22a;}

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

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

#040400
```
#040400 rgb(4,4,0)
```
#161302
```
#161302 rgb(22,19,2)
```
#282303
```
#282303 rgb(40,35,3)
```
#3a3305
```
#3a3305 rgb(58,51,5)
```
#4c4306
```
#4c4306 rgb(76,67,6)
```
#5e5308
```
#5e5308 rgb(94,83,8)
```
#71620a
```
#71620a rgb(113,98,10)
```
#83720b
```
#83720b rgb(131,114,11)
```
#95820d
```
#95820d rgb(149,130,13)
```
#a7920e
```
#a7920e rgb(167,146,14)
```
#b9a110
```
#b9a110 rgb(185,161,16)
```
#cbb111
```
#cbb111 rgb(203,177,17)
```
#ddc113
```
#ddc113 rgb(221,193,19)
```

Shade Color Variation

#ebce18
```
#ebce18 rgb(235,206,24)
```
#edd22a
```
#edd22a rgb(237,210,42)
```
#efd63c
```
#efd63c rgb(239,214,60)
```
#f0da4e
```
#f0da4e rgb(240,218,78)
```
#f2dd60
```
#f2dd60 rgb(242,221,96)
```
#f3e172
```
#f3e172 rgb(243,225,114)
```
#f5e584
```
#f5e584 rgb(245,229,132)
```
#f6e997
```
#f6e997 rgb(246,233,151)
```
#f8eda9
```
#f8eda9 rgb(248,237,169)
```
#f9f1bb
```
#f9f1bb rgb(249,241,187)
```
#fbf4cd
```
#fbf4cd rgb(251,244,205)
```
#fcf8df
```
#fcf8df rgb(252,248,223)
```
#fefcf1
```
#fefcf1 rgb(254,252,241)
```

Tint Color Variation

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

#949283
```
#949283 rgb(148,146,131)
```
#9d987a
```
#9d987a rgb(157,152,122)
```
#a69f71
```
#a69f71 rgb(166,159,113)
```
#afa568
```
#afa568 rgb(175,165,104)
```
#b8ab5f
```
#b8ab5f rgb(184,171,95)
```
#c1b256
```
#c1b256 rgb(193,178,86)
```
#c9b84e
```
#c9b84e rgb(201,184,78)
```
#d2bf45
```
#d2bf45 rgb(210,191,69)
```
#dbc53c
```
#dbc53c rgb(219,197,60)
```
#e4cc33
```
#e4cc33 rgb(228,204,51)
```
#edd22a
```
#edd22a rgb(237,210,42)
```
#f6d821
```
#f6d821 rgb(246,216,33)
```
#ffdf18
```
#ffdf18 rgb(255,223,24)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#cfc9a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd435 Protanopia 1% of men
#ffcc74 Deuteranopia 1% of men
#fac6d4 Tritanopia 0.001% of the population

Trichromacy

#edd331 Protanomaly 1% of men, 0.01% of women
#f8ce59 Deuteranomaly 6% of men, 0.4% of women
#f5ca96 Tritanomaly 0.01% of the population

#edd22a hex color

#edd22a Color Information

#edd22a Color Conversion

Color Schemes with #edd22a

Alternatives to #edd22a

#edd22a Preview

Shades and Tints of #edd22a

Tones of #edd22a

Color Blindness Simulator