#fed22e hex color

In a RGB color space, hex #fed22e is composed of 99.6% red, 82.4% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.3% magenta, 81.9% yellow and 0.4% black. It has a hue angle of 47.3 degrees, a saturation of 99% and a lightness of 58.8%. #fed22e color hex could be obtained by blending #ffff5c with #fda500. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 100
- G 82
- B 18
RGB color chart
- C 0
- M 17
- Y 82
- K 0
CMYK color chart

● #fed22e color description : Bright yellow.

The hexadecimal color #fed22e has RGB values of R:254, G:210, B:46 and CMYK values of C:0, M:0.17, Y:0.82, K:0. Its decimal value is 16699950.

Hex triplet	fed22e	`#fed22e`
RGB Decimal	254, 210, 46	`rgb(254,210,46)`
RGB Percent	99.6, 82.4, 18	`rgb(99.6%,82.4%,18%)`
CMYK	0, 17, 82, 0
HSL	47.3°, 99, 58.8	`hsl(47.3,99%,58.8%)`
HSV (or HSB)	47.3°, 81.9, 99.6
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	85.687, 0.879, 78.919
XYZ	64.414, 67.364, 12.194
xyY	0.447, 0.468, 67.364
CIE-LCH	85.687, 78.924, 89.362
CIE-LUV	85.687, 37.848, 85.932
Hunter-Lab	82.076, -3.544, 48.644
Binary	11111110, 11010010, 00101110

#fed22e
```
#fed22e rgb(254,210,46)
```
#2e5afe
```
#2e5afe rgb(46,90,254)
```

Complementary Color

#fe6a2e
```
#fe6a2e rgb(254,106,46)
```
#fed22e
```
#fed22e rgb(254,210,46)
```
#c2fe2e
```
#c2fe2e rgb(194,254,46)
```

Analogous Color

#6a2efe
```
#6a2efe rgb(106,46,254)
```
#fed22e
```
#fed22e rgb(254,210,46)
```
#2ec2fe
```
#2ec2fe rgb(46,194,254)
```

Split Complementary Color

#d22efe
```
#d22efe rgb(210,46,254)
```
#fed22e
```
#fed22e rgb(254,210,46)
```
#2efed2
```
#2efed2 rgb(46,254,210)
```

Triadic Color

#fe2e5a
```
#fe2e5a rgb(254,46,90)
```
#fed22e
```
#fed22e rgb(254,210,46)
```
#2efed2
```
#2efed2 rgb(46,254,210)
```
#2e5afe
```
#2e5afe rgb(46,90,254)
```

Tetradic Color

#deb001
```
#deb001 rgb(222,176,1)
```
#f8c401
```
#f8c401 rgb(248,196,1)
```
#fecd15
```
#fecd15 rgb(254,205,21)
```
#fed22e
```
#fed22e rgb(254,210,46)
```
#fed747
```
#fed747 rgb(254,215,71)
```
#fedd61
```
#fedd61 rgb(254,221,97)
```
#fee27a
```
#fee27a rgb(254,226,122)
```

Monochromatic Color

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

#fe9e2e
```
#fe9e2e rgb(254,158,46)
```
#feaf2e
```
#feaf2e rgb(254,175,46)
```
#fec12e
```
#fec12e rgb(254,193,46)
```
#fed22e
```
#fed22e rgb(254,210,46)
```
#fee32e
```
#fee32e rgb(254,227,46)
```
#fef52e
```
#fef52e rgb(254,245,46)
```
#f6fe2e
```
#f6fe2e rgb(246,254,46)
```

Similar Colors

Text with hexadecimal color #fed22e

This text has a font color of #fed22e.

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

#fed22e background color

This paragraph has a background color of #fed22e.

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

#fed22e border color

This element has a border color of #fed22e.

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

CSS codes

.text {color:#fed22e;}

.background {background-color:#fed22e;}

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

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

#060500
```
#060500 rgb(6,5,0)
```
#191400
```
#191400 rgb(25,20,0)
```
#2d2300
```
#2d2300 rgb(45,35,0)
```
#403300
```
#403300 rgb(64,51,0)
```
#544200
```
#544200 rgb(84,66,0)
```
#675200
```
#675200 rgb(103,82,0)
```
#7b6101
```
#7b6101 rgb(123,97,1)
```
#8e7001
```
#8e7001 rgb(142,112,1)
```
#a28001
```
#a28001 rgb(162,128,1)
```
#b58f01
```
#b58f01 rgb(181,143,1)
```
#c99f01
```
#c99f01 rgb(201,159,1)
```
#dcae01
```
#dcae01 rgb(220,174,1)
```
#f0bd01
```
#f0bd01 rgb(240,189,1)
```

Shade Color Variation

#feca07
```
#feca07 rgb(254,202,7)
```
#fece1a
```
#fece1a rgb(254,206,26)
```
#fed22e
```
#fed22e rgb(254,210,46)
```
#fed642
```
#fed642 rgb(254,214,66)
```
#feda55
```
#feda55 rgb(254,218,85)
```
#fedf69
```
#fedf69 rgb(254,223,105)
```
#fee37c
```
#fee37c rgb(254,227,124)
```
#fee790
```
#fee790 rgb(254,231,144)
```
#ffeba3
```
#ffeba3 rgb(255,235,163)
```
#ffefb7
```
#ffefb7 rgb(255,239,183)
```
#fff4ca
```
#fff4ca rgb(255,244,202)
```
#fff8de
```
#fff8de rgb(255,248,222)
```
#fffcf1
```
#fffcf1 rgb(255,252,241)
```

Tint Color Variation

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

#9d9a8f
```
#9d9a8f rgb(157,154,143)
```
#a59f87
```
#a59f87 rgb(165,159,135)
```
#ada37f
```
#ada37f rgb(173,163,127)
```
#b5a877
```
#b5a877 rgb(181,168,119)
```
#bdad6f
```
#bdad6f rgb(189,173,111)
```
#c5b167
```
#c5b167 rgb(197,177,103)
```
#ceb65e
```
#ceb65e rgb(206,182,94)
```
#d6bb56
```
#d6bb56 rgb(214,187,86)
```
#debf4e
```
#debf4e rgb(222,191,78)
```
#e6c446
```
#e6c446 rgb(230,196,70)
```
#eec93e
```
#eec93e rgb(238,201,62)
```
#f6cd36
```
#f6cd36 rgb(246,205,54)
```
#fed22e
```
#fed22e rgb(254,210,46)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#d6cdac Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1d83a Protanopia 1% of men
#ffd188 Deuteranopia 1% of men
#ffcbd5 Tritanopia 0.001% of the population

Trichromacy

#f6d635 Protanomaly 1% of men, 0.01% of women
#fed167 Deuteranomaly 6% of men, 0.4% of women
#fecd98 Tritanomaly 0.01% of the population

#fed22e hex color

#fed22e Color Information

#fed22e Color Conversion

Color Schemes with #fed22e

Alternatives to #fed22e

#fed22e Preview

Shades and Tints of #fed22e

Tones of #fed22e

Color Blindness Simulator