#ede22a hex color

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

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

● #ede22a color description : Bright yellow.

The hexadecimal color #ede22a has RGB values of R:237, G:226, B:42 and CMYK values of C:0, M:0.05, Y:0.82, K:0.07. Its decimal value is 15589930.

Hex triplet	ede22a	`#ede22a`
RGB Decimal	237, 226, 42	`rgb(237,226,42)`
RGB Percent	92.9, 88.6, 16.5	`rgb(92.9%,88.6%,16.5%)`
CMYK	0, 5, 82, 7
HSL	56.6°, 84.4, 54.7	`hsl(56.6,84.4%,54.7%)`
HSV (or HSB)	56.6°, 82.3, 92.9
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	88.24, -14.425, 81.489
XYZ	62.54, 72.566, 12.903
xyY	0.423, 0.49, 72.566
CIE-LCH	88.24, 82.756, 100.039
CIE-LUV	88.24, 14.252, 92.462
Hunter-Lab	85.186, -18.028, 50.65
Binary	11101101, 11100010, 00101010

#ede22a
```
#ede22a rgb(237,226,42)
```
#2a35ed
```
#2a35ed rgb(42,53,237)
```

Complementary Color

#ed812a
```
#ed812a rgb(237,129,42)
```
#ede22a
```
#ede22a rgb(237,226,42)
```
#97ed2a
```
#97ed2a rgb(151,237,42)
```

Analogous Color

#812aed
```
#812aed rgb(129,42,237)
```
#ede22a
```
#ede22a rgb(237,226,42)
```
#2a97ed
```
#2a97ed rgb(42,151,237)
```

Split Complementary Color

#e22aed
```
#e22aed rgb(226,42,237)
```
#ede22a
```
#ede22a rgb(237,226,42)
```
#2aede2
```
#2aede2 rgb(42,237,226)
```

Triadic Color

#ed2a35
```
#ed2a35 rgb(237,42,53)
```
#ede22a
```
#ede22a rgb(237,226,42)
```
#2aede2
```
#2aede2 rgb(42,237,226)
```
#2a35ed
```
#2a35ed rgb(42,53,237)
```

Tetradic Color

#bbb110
```
#bbb110 rgb(187,177,16)
```
#d2c712
```
#d2c712 rgb(210,199,18)
```
#eade14
```
#eade14 rgb(234,222,20)
```
#ede22a
```
#ede22a rgb(237,226,42)
```
#efe542
```
#efe542 rgb(239,229,66)
```
#f1e859
```
#f1e859 rgb(241,232,89)
```
#f3ec71
```
#f3ec71 rgb(243,236,113)
```

Monochromatic Color

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

#edb12a
```
#edb12a rgb(237,177,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)
```
#d8ed2a
```
#d8ed2a rgb(216,237,42)
```
#c7ed2a
```
#c7ed2a rgb(199,237,42)
```

Similar Colors

Text with hexadecimal color #ede22a

This text has a font color of #ede22a.

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

#ede22a background color

This paragraph has a background color of #ede22a.

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

#ede22a border color

This element has a border color of #ede22a.

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

CSS codes

.text {color:#ede22a;}

.background {background-color:#ede22a;}

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

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 #fefdf1 is the lightest one.

#040400
```
#040400 rgb(4,4,0)
```
#161502
```
#161502 rgb(22,21,2)
```
#282603
```
#282603 rgb(40,38,3)
```
#3a3705
```
#3a3705 rgb(58,55,5)
```
#4c4806
```
#4c4806 rgb(76,72,6)
```
#5e5a08
```
#5e5a08 rgb(94,90,8)
```
#716b0a
```
#716b0a rgb(113,107,10)
```
#837c0b
```
#837c0b rgb(131,124,11)
```
#958d0d
```
#958d0d rgb(149,141,13)
```
#a79e0e
```
#a79e0e rgb(167,158,14)
```
#b9af10
```
#b9af10 rgb(185,175,16)
```
#cbc111
```
#cbc111 rgb(203,193,17)
```
#ddd213
```
#ddd213 rgb(221,210,19)
```

Shade Color Variation

#ebe018
```
#ebe018 rgb(235,224,24)
```
#ede22a
```
#ede22a rgb(237,226,42)
```
#efe43c
```
#efe43c rgb(239,228,60)
```
#f0e74e
```
#f0e74e rgb(240,231,78)
```
#f2e960
```
#f2e960 rgb(242,233,96)
```
#f3ec72
```
#f3ec72 rgb(243,236,114)
```
#f5ee84
```
#f5ee84 rgb(245,238,132)
```
#f6f197
```
#f6f197 rgb(246,241,151)
```
#f8f3a9
```
#f8f3a9 rgb(248,243,169)
```
#f9f6bb
```
#f9f6bb rgb(249,246,187)
```
#fbf8cd
```
#fbf8cd rgb(251,248,205)
```
#fcfbdf
```
#fcfbdf rgb(252,251,223)
```
#fefdf1
```
#fefdf1 rgb(254,253,241)
```

Tint Color Variation

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

#949383
```
#949383 rgb(148,147,131)
```
#9d9b7a
```
#9d9b7a rgb(157,155,122)
```
#a6a371
```
#a6a371 rgb(166,163,113)
```
#afab68
```
#afab68 rgb(175,171,104)
```
#b8b35f
```
#b8b35f rgb(184,179,95)
```
#c1bb56
```
#c1bb56 rgb(193,187,86)
```
#c9c24e
```
#c9c24e rgb(201,194,78)
```
#d2ca45
```
#d2ca45 rgb(210,202,69)
```
#dbd23c
```
#dbd23c rgb(219,210,60)
```
#e4da33
```
#e4da33 rgb(228,218,51)
```
#ede22a
```
#ede22a rgb(237,226,42)
```
#f6ea21
```
#f6ea21 rgb(246,234,33)
```
#fff218
```
#fff218 rgb(255,242,24)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#d6d4af Atypical Achromatopsia 0.001% of the population

Dichromacy

#f9df34 Protanopia 1% of men
#ffd9a4 Deuteranopia 1% of men
#fcd4e3 Tritanopia 0.001% of the population

Trichromacy

#f5e030 Protanomaly 1% of men, 0.01% of women
#f8dc77 Deuteranomaly 6% of men, 0.4% of women
#f6d9a0 Tritanomaly 0.01% of the population

#ede22a hex color

#ede22a Color Information

#ede22a Color Conversion

Color Schemes with #ede22a

Alternatives to #ede22a

#ede22a Preview

Shades and Tints of #ede22a

Tones of #ede22a

Color Blindness Simulator