#fdd222 hex color

In a RGB color space, hex #fdd222 is composed of 99.2% red, 82.4% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17% magenta, 86.6% yellow and 0.8% black. It has a hue angle of 48.2 degrees, a saturation of 98.2% and a lightness of 56.3%. #fdd222 color hex could be obtained by blending #ffff44 with #fba500. Closest websafe color is: #ffcc33.

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

● #fdd222 color description : Vivid yellow.

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

Hex triplet	fdd222	`#fdd222`
RGB Decimal	253, 210, 34	`rgb(253,210,34)`
RGB Percent	99.2, 82.4, 13.3	`rgb(99.2%,82.4%,13.3%)`
CMYK	0, 17, 87, 1
HSL	48.2°, 98.2, 56.3	`hsl(48.2,98.2%,56.3%)`
HSV (or HSB)	48.2°, 86.6, 99.2
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	85.551, 0.168, 81.656
XYZ	63.844, 67.094, 11.101
xyY	0.449, 0.472, 67.094
CIE-LCH	85.551, 81.656, 89.882
CIE-LUV	85.551, 37.338, 87.689
Hunter-Lab	81.911, -4.215, 49.302
Binary	11111101, 11010010, 00100010

#fdd222
```
#fdd222 rgb(253,210,34)
```
#224dfd
```
#224dfd rgb(34,77,253)
```

Complementary Color

#fd6522
```
#fd6522 rgb(253,101,34)
```
#fdd222
```
#fdd222 rgb(253,210,34)
```
#bbfd22
```
#bbfd22 rgb(187,253,34)
```

Analogous Color

#6522fd
```
#6522fd rgb(101,34,253)
```
#fdd222
```
#fdd222 rgb(253,210,34)
```
#22bbfd
```
#22bbfd rgb(34,187,253)
```

Split Complementary Color

#d222fd
```
#d222fd rgb(210,34,253)
```
#fdd222
```
#fdd222 rgb(253,210,34)
```
#22fdd2
```
#22fdd2 rgb(34,253,210)
```

Triadic Color

#fd224d
```
#fd224d rgb(253,34,77)
```
#fdd222
```
#fdd222 rgb(253,210,34)
```
#22fdd2
```
#22fdd2 rgb(34,253,210)
```
#224dfd
```
#224dfd rgb(34,77,253)
```

Tetradic Color

#d1a802
```
#d1a802 rgb(209,168,2)
```
#eabc02
```
#eabc02 rgb(234,188,2)
```
#fdcd09
```
#fdcd09 rgb(253,205,9)
```
#fdd222
```
#fdd222 rgb(253,210,34)
```
#fdd73b
```
#fdd73b rgb(253,215,59)
```
#fddc55
```
#fddc55 rgb(253,220,85)
```
#fee16e
```
#fee16e rgb(254,225,110)
```

Monochromatic Color

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

#fd9b22
```
#fd9b22 rgb(253,155,34)
```
#fdae22
```
#fdae22 rgb(253,174,34)
```
#fdc022
```
#fdc022 rgb(253,192,34)
```
#fdd222
```
#fdd222 rgb(253,210,34)
```
#fde422
```
#fde422 rgb(253,228,34)
```
#fdf722
```
#fdf722 rgb(253,247,34)
```
#f1fd22
```
#f1fd22 rgb(241,253,34)
```

Similar Colors

Text with hexadecimal color #fdd222

This text has a font color of #fdd222.

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

#fdd222 background color

This paragraph has a background color of #fdd222.

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

#fdd222 border color

This element has a border color of #fdd222.

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

CSS codes

.text {color:#fdd222;}

.background {background-color:#fdd222;}

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

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

#0c0a00
```
#0c0a00 rgb(12,10,0)
```
#201a00
```
#201a00 rgb(32,26,0)
```
#332900
```
#332900 rgb(51,41,0)
```
#473901
```
#473901 rgb(71,57,1)
```
#5a4901
```
#5a4901 rgb(90,73,1)
```
#6d5801
```
#6d5801 rgb(109,88,1)
```
#816801
```
#816801 rgb(129,104,1)
```
#947701
```
#947701 rgb(148,119,1)
```
#a88702
```
#a88702 rgb(168,135,2)
```
#bb9702
```
#bb9702 rgb(187,151,2)
```
#cfa602
```
#cfa602 rgb(207,166,2)
```
#e2b602
```
#e2b602 rgb(226,182,2)
```
#f6c602
```
#f6c602 rgb(246,198,2)
```

Shade Color Variation

#fdce0f
```
#fdce0f rgb(253,206,15)
```
#fdd222
```
#fdd222 rgb(253,210,34)
```
#fdd635
```
#fdd635 rgb(253,214,53)
```
#fdda49
```
#fdda49 rgb(253,218,73)
```
#fede5c
```
#fede5c rgb(254,222,92)
```
#fee270
```
#fee270 rgb(254,226,112)
```
#fee683
```
#fee683 rgb(254,230,131)
```
#feea97
```
#feea97 rgb(254,234,151)
```
#feeeaa
```
#feeeaa rgb(254,238,170)
```
#fef2be
```
#fef2be rgb(254,242,190)
```
#fff6d1
```
#fff6d1 rgb(255,246,209)
```
#fffae4
```
#fffae4 rgb(255,250,228)
```
#fffef8
```
#fffef8 rgb(255,254,248)
```

Tint Color Variation

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

#969389
```
#969389 rgb(150,147,137)
```
#9f9980
```
#9f9980 rgb(159,153,128)
```
#a79e78
```
#a79e78 rgb(167,158,120)
```
#b0a36f
```
#b0a36f rgb(176,163,111)
```
#b8a867
```
#b8a867 rgb(184,168,103)
```
#c1ae5e
```
#c1ae5e rgb(193,174,94)
```
#cab355
```
#cab355 rgb(202,179,85)
```
#d2b84d
```
#d2b84d rgb(210,184,77)
```
#dbbd44
```
#dbbd44 rgb(219,189,68)
```
#e3c23c
```
#e3c23c rgb(227,194,60)
```
#ecc833
```
#ecc833 rgb(236,200,51)
```
#f4cd2b
```
#f4cd2b rgb(244,205,43)
```
#fdd222
```
#fdd222 rgb(253,210,34)
```

Tone Color Variation

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

#f1d82e Protanopia 1% of men
#ffd086 Deuteranopia 1% of men
#ffcad5 Tritanopia 0.001% of the population

Trichromacy

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

#fdd222 hex color

#fdd222 Color Information

#fdd222 Color Conversion

Color Schemes with #fdd222

Alternatives to #fdd222

#fdd222 Preview

Shades and Tints of #fdd222

Tones of #fdd222

Color Blindness Simulator