#fed22d hex color

In a RGB color space, hex #fed22d is composed of 99.6% red, 82.4% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.3% magenta, 82.3% yellow and 0.4% black. It has a hue angle of 47.4 degrees, a saturation of 99.1% and a lightness of 58.6%. #fed22d color hex could be obtained by blending #ffff5a 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

● #fed22d color description : Bright yellow.

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

Hex triplet	fed22d	`#fed22d`
RGB Decimal	254, 210, 45	`rgb(254,210,45)`
RGB Percent	99.6, 82.4, 17.6	`rgb(99.6%,82.4%,17.6%)`
CMYK	0, 17, 82, 0
HSL	47.4°, 99.1, 58.6	`hsl(47.4,99.1%,58.6%)`
HSV (or HSB)	47.4°, 82.3, 99.6
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	85.684, 0.852, 79.183
XYZ	64.394, 67.356, 12.092
xyY	0.448, 0.468, 67.356
CIE-LCH	85.684, 79.188, 89.383
CIE-LUV	85.684, 37.872, 86.1
Hunter-Lab	82.071, -3.57, 48.714
Binary	11111110, 11010010, 00101101

#fed22d
```
#fed22d rgb(254,210,45)
```
#2d59fe
```
#2d59fe rgb(45,89,254)
```

Complementary Color

#fe6a2d
```
#fe6a2d rgb(254,106,45)
```
#fed22d
```
#fed22d rgb(254,210,45)
```
#c2fe2d
```
#c2fe2d rgb(194,254,45)
```

Analogous Color

#6a2dfe
```
#6a2dfe rgb(106,45,254)
```
#fed22d
```
#fed22d rgb(254,210,45)
```
#2dc2fe
```
#2dc2fe rgb(45,194,254)
```

Split Complementary Color

#d22dfe
```
#d22dfe rgb(210,45,254)
```
#fed22d
```
#fed22d rgb(254,210,45)
```
#2dfed2
```
#2dfed2 rgb(45,254,210)
```

Triadic Color

#fe2d59
```
#fe2d59 rgb(254,45,89)
```
#fed22d
```
#fed22d rgb(254,210,45)
```
#2dfed2
```
#2dfed2 rgb(45,254,210)
```
#2d59fe
```
#2d59fe rgb(45,89,254)
```

Tetradic Color

#ddaf01
```
#ddaf01 rgb(221,175,1)
```
#f7c301
```
#f7c301 rgb(247,195,1)
```
#fecd14
```
#fecd14 rgb(254,205,20)
```
#fed22d
```
#fed22d rgb(254,210,45)
```
#fed746
```
#fed746 rgb(254,215,70)
```
#fedd60
```
#fedd60 rgb(254,221,96)
```
#fee279
```
#fee279 rgb(254,226,121)
```

Monochromatic Color

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

#fe9e2d
```
#fe9e2d rgb(254,158,45)
```
#feaf2d
```
#feaf2d rgb(254,175,45)
```
#fec12d
```
#fec12d rgb(254,193,45)
```
#fed22d
```
#fed22d rgb(254,210,45)
```
#fee32d
```
#fee32d rgb(254,227,45)
```
#fef52d
```
#fef52d rgb(254,245,45)
```
#f6fe2d
```
#f6fe2d rgb(246,254,45)
```

Similar Colors

Text with hexadecimal color #fed22d

This text has a font color of #fed22d.

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

#fed22d background color

This paragraph has a background color of #fed22d.

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

#fed22d border color

This element has a border color of #fed22d.

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

CSS codes

.text {color:#fed22d;}

.background {background-color:#fed22d;}

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

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

#050400
```
#050400 rgb(5,4,0)
```
#181300
```
#181300 rgb(24,19,0)
```
#2c2300
```
#2c2300 rgb(44,35,0)
```
#3f3200
```
#3f3200 rgb(63,50,0)
```
#534100
```
#534100 rgb(83,65,0)
```
#665100
```
#665100 rgb(102,81,0)
```
#7a6001
```
#7a6001 rgb(122,96,1)
```
#8d7001
```
#8d7001 rgb(141,112,1)
```
#a17f01
```
#a17f01 rgb(161,127,1)
```
#b48f01
```
#b48f01 rgb(180,143,1)
```
#c89e01
```
#c89e01 rgb(200,158,1)
```
#dbae01
```
#dbae01 rgb(219,174,1)
```
#efbd01
```
#efbd01 rgb(239,189,1)
```

Shade Color Variation

#feca06
```
#feca06 rgb(254,202,6)
```
#fece19
```
#fece19 rgb(254,206,25)
```
#fed22d
```
#fed22d rgb(254,210,45)
```
#fed641
```
#fed641 rgb(254,214,65)
```
#feda54
```
#feda54 rgb(254,218,84)
```
#fedf68
```
#fedf68 rgb(254,223,104)
```
#fee37b
```
#fee37b rgb(254,227,123)
```
#fee78f
```
#fee78f rgb(254,231,143)
```
#ffeba2
```
#ffeba2 rgb(255,235,162)
```
#ffefb6
```
#ffefb6 rgb(255,239,182)
```
#fff3c9
```
#fff3c9 rgb(255,243,201)
```
#fff8dd
```
#fff8dd rgb(255,248,221)
```
#fffcf0
```
#fffcf0 rgb(255,252,240)
```

Tint Color Variation

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

#9d9a8e
```
#9d9a8e rgb(157,154,142)
```
#a59e86
```
#a59e86 rgb(165,158,134)
```
#ada37e
```
#ada37e rgb(173,163,126)
```
#b5a876
```
#b5a876 rgb(181,168,118)
```
#bdac6e
```
#bdac6e rgb(189,172,110)
```
#c5b166
```
#c5b166 rgb(197,177,102)
```
#cdb65e
```
#cdb65e rgb(205,182,94)
```
#d5bb56
```
#d5bb56 rgb(213,187,86)
```
#debf4d
```
#debf4d rgb(222,191,77)
```
#e6c445
```
#e6c445 rgb(230,196,69)
```
#eec93d
```
#eec93d rgb(238,201,61)
```
#f6cd35
```
#f6cd35 rgb(246,205,53)
```
#fed22d
```
#fed22d rgb(254,210,45)
```

Tone Color Variation

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

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

Trichromacy

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

#fed22d hex color

#fed22d Color Information

#fed22d Color Conversion

Color Schemes with #fed22d

Alternatives to #fed22d

#fed22d Preview

Shades and Tints of #fed22d

Tones of #fed22d

Color Blindness Simulator