#fed22f hex color

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

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

● #fed22f color description : Bright yellow.

The hexadecimal color #fed22f has RGB values of R:254, G:210, B:47 and CMYK values of C:0, M:0.17, Y:0.81, K:0. Its decimal value is 16699951.

Hex triplet	fed22f	`#fed22f`
RGB Decimal	254, 210, 47	`rgb(254,210,47)`
RGB Percent	99.6, 82.4, 18.4	`rgb(99.6%,82.4%,18.4%)`
CMYK	0, 17, 81, 0
HSL	47.2°, 99, 59	`hsl(47.2,99%,59%)`
HSV (or HSB)	47.2°, 81.5, 99.6
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	85.691, 0.907, 78.65
XYZ	64.434, 67.372, 12.3
xyY	0.447, 0.468, 67.372
CIE-LCH	85.691, 78.655, 89.339
CIE-LUV	85.691, 37.824, 85.759
Hunter-Lab	82.08, -3.517, 48.572
Binary	11111110, 11010010, 00101111

#fed22f
```
#fed22f rgb(254,210,47)
```
#2f5bfe
```
#2f5bfe rgb(47,91,254)
```

Complementary Color

#fe6b2f
```
#fe6b2f rgb(254,107,47)
```
#fed22f
```
#fed22f rgb(254,210,47)
```
#c3fe2f
```
#c3fe2f rgb(195,254,47)
```

Analogous Color

#6b2ffe
```
#6b2ffe rgb(107,47,254)
```
#fed22f
```
#fed22f rgb(254,210,47)
```
#2fc3fe
```
#2fc3fe rgb(47,195,254)
```

Split Complementary Color

#d22ffe
```
#d22ffe rgb(210,47,254)
```
#fed22f
```
#fed22f rgb(254,210,47)
```
#2ffed2
```
#2ffed2 rgb(47,254,210)
```

Triadic Color

#fe2f5b
```
#fe2f5b rgb(254,47,91)
```
#fed22f
```
#fed22f rgb(254,210,47)
```
#2ffed2
```
#2ffed2 rgb(47,254,210)
```
#2f5bfe
```
#2f5bfe rgb(47,91,254)
```

Tetradic Color

#dfb001
```
#dfb001 rgb(223,176,1)
```
#f9c401
```
#f9c401 rgb(249,196,1)
```
#fecd16
```
#fecd16 rgb(254,205,22)
```
#fed22f
```
#fed22f rgb(254,210,47)
```
#fed748
```
#fed748 rgb(254,215,72)
```
#fedd62
```
#fedd62 rgb(254,221,98)
```
#fee27b
```
#fee27b rgb(254,226,123)
```

Monochromatic Color

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

#fe9e2f
```
#fe9e2f rgb(254,158,47)
```
#feb02f
```
#feb02f rgb(254,176,47)
```
#fec12f
```
#fec12f rgb(254,193,47)
```
#fed22f
```
#fed22f rgb(254,210,47)
```
#fee32f
```
#fee32f rgb(254,227,47)
```
#fef52f
```
#fef52f rgb(254,245,47)
```
#f6fe2f
```
#f6fe2f rgb(246,254,47)
```

Similar Colors

Text with hexadecimal color #fed22f

This text has a font color of #fed22f.

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

#fed22f background color

This paragraph has a background color of #fed22f.

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

#fed22f border color

This element has a border color of #fed22f.

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

CSS codes

.text {color:#fed22f;}

.background {background-color:#fed22f;}

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

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

#070500
```
#070500 rgb(7,5,0)
```
#1a1500
```
#1a1500 rgb(26,21,0)
```
#2e2400
```
#2e2400 rgb(46,36,0)
```
#413300
```
#413300 rgb(65,51,0)
```
#554300
```
#554300 rgb(85,67,0)
```
#685201
```
#685201 rgb(104,82,1)
```
#7c6201
```
#7c6201 rgb(124,98,1)
```
#8f7101
```
#8f7101 rgb(143,113,1)
```
#a38001
```
#a38001 rgb(163,128,1)
```
#b69001
```
#b69001 rgb(182,144,1)
```
#ca9f01
```
#ca9f01 rgb(202,159,1)
```
#ddaf01
```
#ddaf01 rgb(221,175,1)
```
#f1be01
```
#f1be01 rgb(241,190,1)
```

Shade Color Variation

#feca08
```
#feca08 rgb(254,202,8)
```
#fece1b
```
#fece1b rgb(254,206,27)
```
#fed22f
```
#fed22f rgb(254,210,47)
```
#fed643
```
#fed643 rgb(254,214,67)
```
#feda56
```
#feda56 rgb(254,218,86)
```
#fedf6a
```
#fedf6a rgb(254,223,106)
```
#fee37d
```
#fee37d rgb(254,227,125)
```
#fee791
```
#fee791 rgb(254,231,145)
```
#ffeba4
```
#ffeba4 rgb(255,235,164)
```
#fff0b8
```
#fff0b8 rgb(255,240,184)
```
#fff4cb
```
#fff4cb rgb(255,244,203)
```
#fff8df
```
#fff8df rgb(255,248,223)
```
#fffcf2
```
#fffcf2 rgb(255,252,242)
```

Tint Color Variation

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

#9e9b8f
```
#9e9b8f rgb(158,155,143)
```
#a69f87
```
#a69f87 rgb(166,159,135)
```
#aea47f
```
#aea47f rgb(174,164,127)
```
#b6a877
```
#b6a877 rgb(182,168,119)
```
#bead6f
```
#bead6f rgb(190,173,111)
```
#c6b267
```
#c6b267 rgb(198,178,103)
```
#ceb65f
```
#ceb65f rgb(206,182,95)
```
#d6bb57
```
#d6bb57 rgb(214,187,87)
```
#dec04f
```
#dec04f rgb(222,192,79)
```
#e6c447
```
#e6c447 rgb(230,196,71)
```
#eec93f
```
#eec93f rgb(238,201,63)
```
#f6cd37
```
#f6cd37 rgb(246,205,55)
```
#fed22f
```
#fed22f rgb(254,210,47)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#d7cead Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1d83b Protanopia 1% of men
#ffd189 Deuteranopia 1% of men
#ffcbd5 Tritanopia 0.001% of the population

Trichromacy

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

#fed22f hex color

#fed22f Color Information

#fed22f Color Conversion

Color Schemes with #fed22f

Alternatives to #fed22f

#fed22f Preview

Shades and Tints of #fed22f

Tones of #fed22f

Color Blindness Simulator