#fed822 hex color

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

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

● #fed822 color description : Vivid yellow.

The hexadecimal color #fed822 has RGB values of R:254, G:216, B:34 and CMYK values of C:0, M:0.15, Y:0.87, K:0. Its decimal value is 16701474.

Hex triplet	fed822	`#fed822`
RGB Decimal	254, 216, 34	`rgb(254,216,34)`
RGB Percent	99.6, 84.7, 13.3	`rgb(99.6%,84.7%,13.3%)`
CMYK	0, 15, 87, 0
HSL	49.6°, 99.1, 56.5	`hsl(49.6,99.1%,56.5%)`
HSV (or HSB)	49.6°, 86.6, 99.6
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	87.144, -2.454, 82.965
XYZ	65.719, 70.301, 11.621
xyY	0.445, 0.476, 70.301
CIE-LCH	87.144, 83.001, 91.694
CIE-LUV	87.144, 33.69, 89.97
Hunter-Lab	83.846, -6.82, 50.474
Binary	11111110, 11011000, 00100010

#fed822
```
#fed822 rgb(254,216,34)
```
#2248fe
```
#2248fe rgb(34,72,254)
```

Complementary Color

#fe6a22
```
#fe6a22 rgb(254,106,34)
```
#fed822
```
#fed822 rgb(254,216,34)
```
#b6fe22
```
#b6fe22 rgb(182,254,34)
```

Analogous Color

#6a22fe
```
#6a22fe rgb(106,34,254)
```
#fed822
```
#fed822 rgb(254,216,34)
```
#22b6fe
```
#22b6fe rgb(34,182,254)
```

Split Complementary Color

#d822fe
```
#d822fe rgb(216,34,254)
```
#fed822
```
#fed822 rgb(254,216,34)
```
#22fed8
```
#22fed8 rgb(34,254,216)
```

Triadic Color

#fe2248
```
#fe2248 rgb(254,34,72)
```
#fed822
```
#fed822 rgb(254,216,34)
```
#22fed8
```
#22fed8 rgb(34,254,216)
```
#2248fe
```
#2248fe rgb(34,72,254)
```

Tetradic Color

#d3ae01
```
#d3ae01 rgb(211,174,1)
```
#ecc301
```
#ecc301 rgb(236,195,1)
```
#fed409
```
#fed409 rgb(254,212,9)
```
#fed822
```
#fed822 rgb(254,216,34)
```
#fedc3b
```
#fedc3b rgb(254,220,59)
```
#fee155
```
#fee155 rgb(254,225,85)
```
#fee56e
```
#fee56e rgb(254,229,110)
```

Monochromatic Color

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

#fea122
```
#fea122 rgb(254,161,34)
```
#feb322
```
#feb322 rgb(254,179,34)
```
#fec622
```
#fec622 rgb(254,198,34)
```
#fed822
```
#fed822 rgb(254,216,34)
```
#feea22
```
#feea22 rgb(254,234,34)
```
#fefd22
```
#fefd22 rgb(254,253,34)
```
#edfe22
```
#edfe22 rgb(237,254,34)
```

Similar Colors

Text with hexadecimal color #fed822

This text has a font color of #fed822.

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

#fed822 background color

This paragraph has a background color of #fed822.

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

#fed822 border color

This element has a border color of #fed822.

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

CSS codes

.text {color:#fed822;}

.background {background-color:#fed822;}

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

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)
```
#211b00
```
#211b00 rgb(33,27,0)
```
#342b00
```
#342b00 rgb(52,43,0)
```
#483c00
```
#483c00 rgb(72,60,0)
```
#5b4c00
```
#5b4c00 rgb(91,76,0)
```
#6f5c01
```
#6f5c01 rgb(111,92,1)
```
#826c01
```
#826c01 rgb(130,108,1)
```
#967c01
```
#967c01 rgb(150,124,1)
```
#aa8c01
```
#aa8c01 rgb(170,140,1)
```
#bd9d01
```
#bd9d01 rgb(189,157,1)
```
#d1ad01
```
#d1ad01 rgb(209,173,1)
```
#e4bd01
```
#e4bd01 rgb(228,189,1)
```
#f8cd01
```
#f8cd01 rgb(248,205,1)
```

Shade Color Variation

#fed50e
```
#fed50e rgb(254,213,14)
```
#fed822
```
#fed822 rgb(254,216,34)
```
#fedb36
```
#fedb36 rgb(254,219,54)
```
#fedf49
```
#fedf49 rgb(254,223,73)
```
#fee25d
```
#fee25d rgb(254,226,93)
```
#fee670
```
#fee670 rgb(254,230,112)
```
#fee984
```
#fee984 rgb(254,233,132)
```
#ffed97
```
#ffed97 rgb(255,237,151)
```
#fff0ab
```
#fff0ab rgb(255,240,171)
```
#fff4be
```
#fff4be rgb(255,244,190)
```
#fff7d2
```
#fff7d2 rgb(255,247,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 #fed822 is the most saturated one.

#989588
```
#989588 rgb(152,149,136)
```
#a09b80
```
#a09b80 rgb(160,155,128)
```
#a9a077
```
#a9a077 rgb(169,160,119)
```
#b1a66f
```
#b1a66f rgb(177,166,111)
```
#baab66
```
#baab66 rgb(186,171,102)
```
#c2b15e
```
#c2b15e rgb(194,177,94)
```
#cbb655
```
#cbb655 rgb(203,182,85)
```
#d3bc4d
```
#d3bc4d rgb(211,188,77)
```
#dcc244
```
#dcc244 rgb(220,194,68)
```
#e4c73c
```
#e4c73c rgb(228,199,60)
```
#edcd33
```
#edcd33 rgb(237,205,51)
```
#f5d22b
```
#f5d22b rgb(245,210,43)
```
#fed822
```
#fed822 rgb(254,216,34)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#d8d1ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#f6dc2e Protanopia 1% of men
#ffd598 Deuteranopia 1% of men
#ffd0da Tritanopia 0.001% of the population

Trichromacy

#f9da29 Protanomaly 1% of men, 0.01% of women
#fed66d Deuteranomaly 6% of men, 0.4% of women
#fed397 Tritanomaly 0.01% of the population

#fed822 hex color

#fed822 Color Information

#fed822 Color Conversion

Color Schemes with #fed822

Alternatives to #fed822

#fed822 Preview

Shades and Tints of #fed822

Tones of #fed822

Color Blindness Simulator