#fed222 hex color

In a RGB color space, hex #fed222 is composed of 99.6% red, 82.4% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.3% magenta, 86.6% yellow and 0.4% black. It has a hue angle of 48 degrees, a saturation of 99.1% and a lightness of 56.5%. #fed222 color hex could be obtained by blending #ffff44 with #fda500. Closest websafe color is: #ffcc33.

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

● #fed222 color description : Vivid yellow.

The hexadecimal color #fed222 has RGB values of R:254, G:210, B:34 and CMYK values of C:0, M:0.17, Y:0.87, K:0. Its decimal value is 16699938.

Hex triplet	fed222	`#fed222`
RGB Decimal	254, 210, 34	`rgb(254,210,34)`
RGB Percent	99.6, 82.4, 13.3	`rgb(99.6%,82.4%,13.3%)`
CMYK	0, 17, 87, 0
HSL	48°, 99.1, 56.5	`hsl(48,99.1%,56.5%)`
HSV (or HSB)	48°, 86.6, 99.6
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	85.646, 0.592, 81.772
XYZ	64.209, 67.282, 11.118
xyY	0.45, 0.472, 67.282
CIE-LCH	85.646, 81.774, 89.585
CIE-LUV	85.646, 38.094, 87.707
Hunter-Lab	82.026, -3.816, 49.382
Binary	11111110, 11010010, 00100010

#fed222
```
#fed222 rgb(254,210,34)
```
#224efe
```
#224efe rgb(34,78,254)
```

Complementary Color

#fe6422
```
#fe6422 rgb(254,100,34)
```
#fed222
```
#fed222 rgb(254,210,34)
```
#bcfe22
```
#bcfe22 rgb(188,254,34)
```

Analogous Color

#6422fe
```
#6422fe rgb(100,34,254)
```
#fed222
```
#fed222 rgb(254,210,34)
```
#22bcfe
```
#22bcfe rgb(34,188,254)
```

Split Complementary Color

#d222fe
```
#d222fe rgb(210,34,254)
```
#fed222
```
#fed222 rgb(254,210,34)
```
#22fed2
```
#22fed2 rgb(34,254,210)
```

Triadic Color

#fe224e
```
#fe224e rgb(254,34,78)
```
#fed222
```
#fed222 rgb(254,210,34)
```
#22fed2
```
#22fed2 rgb(34,254,210)
```
#224efe
```
#224efe rgb(34,78,254)
```

Tetradic Color

#d3a901
```
#d3a901 rgb(211,169,1)
```
#ecbd01
```
#ecbd01 rgb(236,189,1)
```
#fecd09
```
#fecd09 rgb(254,205,9)
```
#fed222
```
#fed222 rgb(254,210,34)
```
#fed73b
```
#fed73b rgb(254,215,59)
```
#fedc55
```
#fedc55 rgb(254,220,85)
```
#fee26e
```
#fee26e rgb(254,226,110)
```

Monochromatic Color

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

#fe9b22
```
#fe9b22 rgb(254,155,34)
```
#fead22
```
#fead22 rgb(254,173,34)
```
#fec022
```
#fec022 rgb(254,192,34)
```
#fed222
```
#fed222 rgb(254,210,34)
```
#fee422
```
#fee422 rgb(254,228,34)
```
#fef722
```
#fef722 rgb(254,247,34)
```
#f3fe22
```
#f3fe22 rgb(243,254,34)
```

Similar Colors

Text with hexadecimal color #fed222

This text has a font color of #fed222.

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

#fed222 background color

This paragraph has a background color of #fed222.

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

#fed222 border color

This element has a border color of #fed222.

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

CSS codes

.text {color:#fed222;}

.background {background-color:#fed222;}

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

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, #0d0b00 is the darkest color, while #fffef9 is the lightest one.

#0d0b00
```
#0d0b00 rgb(13,11,0)
```
#211a00
```
#211a00 rgb(33,26,0)
```
#342a00
```
#342a00 rgb(52,42,0)
```
#483a00
```
#483a00 rgb(72,58,0)
```
#5b4900
```
#5b4900 rgb(91,73,0)
```
#6f5901
```
#6f5901 rgb(111,89,1)
```
#826901
```
#826901 rgb(130,105,1)
```
#967801
```
#967801 rgb(150,120,1)
```
#aa8801
```
#aa8801 rgb(170,136,1)
```
#bd9701
```
#bd9701 rgb(189,151,1)
```
#d1a701
```
#d1a701 rgb(209,167,1)
```
#e4b701
```
#e4b701 rgb(228,183,1)
```
#f8c601
```
#f8c601 rgb(248,198,1)
```

Shade Color Variation

#fece0e
```
#fece0e rgb(254,206,14)
```
#fed222
```
#fed222 rgb(254,210,34)
```
#fed636
```
#fed636 rgb(254,214,54)
```
#feda49
```
#feda49 rgb(254,218,73)
```
#fede5d
```
#fede5d rgb(254,222,93)
```
#fee270
```
#fee270 rgb(254,226,112)
```
#fee684
```
#fee684 rgb(254,230,132)
```
#ffea97
```
#ffea97 rgb(255,234,151)
```
#ffeeab
```
#ffeeab rgb(255,238,171)
```
#fff2be
```
#fff2be rgb(255,242,190)
```
#fff6d2
```
#fff6d2 rgb(255,246,210)
```
#fffae5
```
#fffae5 rgb(255,250,229)
```
#fffef9
```
#fffef9 rgb(255,254,249)
```

Tint Color Variation

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

#989588
```
#989588 rgb(152,149,136)
```
#a09a80
```
#a09a80 rgb(160,154,128)
```
#a99f77
```
#a99f77 rgb(169,159,119)
```
#b1a46f
```
#b1a46f rgb(177,164,111)
```
#baa966
```
#baa966 rgb(186,169,102)
```
#c2ae5e
```
#c2ae5e rgb(194,174,94)
```
#cbb355
```
#cbb355 rgb(203,179,85)
```
#d3b84d
```
#d3b84d rgb(211,184,77)
```
#dcbe44
```
#dcbe44 rgb(220,190,68)
```
#e4c33c
```
#e4c33c rgb(228,195,60)
```
#edc833
```
#edc833 rgb(237,200,51)
```
#f5cd2b
```
#f5cd2b rgb(245,205,43)
```
#fed222
```
#fed222 rgb(254,210,34)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#d5cca9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2d82e Protanopia 1% of men
#ffd187 Deuteranopia 1% of men
#ffcad5 Tritanopia 0.001% of the population

Trichromacy

#f6d62a Protanomaly 1% of men, 0.01% of women
#fed162 Deuteranomaly 6% of men, 0.4% of women
#fecd94 Tritanomaly 0.01% of the population

#fed222 hex color

#fed222 Color Information

#fed222 Color Conversion

Color Schemes with #fed222

Alternatives to #fed222

#fed222 Preview

Shades and Tints of #fed222

Tones of #fed222

Color Blindness Simulator