#fdd322 hex color

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

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

● #fdd322 color description : Vivid yellow.

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

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

CIE-LAB	85.801, -0.341, 81.855
XYZ	64.092, 67.589, 11.184
xyY	0.449, 0.473, 67.589
CIE-LCH	85.801, 81.856, 90.239
CIE-LUV	85.801, 36.601, 88.066
Hunter-Lab	82.213, -4.716, 49.484
Binary	11111101, 11010011, 00100010

#fdd322
```
#fdd322 rgb(253,211,34)
```
#224cfd
```
#224cfd rgb(34,76,253)
```

Complementary Color

#fd6622
```
#fd6622 rgb(253,102,34)
```
#fdd322
```
#fdd322 rgb(253,211,34)
```
#bafd22
```
#bafd22 rgb(186,253,34)
```

Analogous Color

#6622fd
```
#6622fd rgb(102,34,253)
```
#fdd322
```
#fdd322 rgb(253,211,34)
```
#22bafd
```
#22bafd rgb(34,186,253)
```

Split Complementary Color

#d322fd
```
#d322fd rgb(211,34,253)
```
#fdd322
```
#fdd322 rgb(253,211,34)
```
#22fdd3
```
#22fdd3 rgb(34,253,211)
```

Triadic Color

#fd224c
```
#fd224c rgb(253,34,76)
```
#fdd322
```
#fdd322 rgb(253,211,34)
```
#22fdd3
```
#22fdd3 rgb(34,253,211)
```
#224cfd
```
#224cfd rgb(34,76,253)
```

Tetradic Color

#d1a902
```
#d1a902 rgb(209,169,2)
```
#eabd02
```
#eabd02 rgb(234,189,2)
```
#fdce09
```
#fdce09 rgb(253,206,9)
```
#fdd322
```
#fdd322 rgb(253,211,34)
```
#fdd83b
```
#fdd83b rgb(253,216,59)
```
#fddd55
```
#fddd55 rgb(253,221,85)
```
#fee26e
```
#fee26e rgb(254,226,110)
```

Monochromatic Color

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

#fd9c22
```
#fd9c22 rgb(253,156,34)
```
#fdaf22
```
#fdaf22 rgb(253,175,34)
```
#fdc122
```
#fdc122 rgb(253,193,34)
```
#fdd322
```
#fdd322 rgb(253,211,34)
```
#fde522
```
#fde522 rgb(253,229,34)
```
#fdf822
```
#fdf822 rgb(253,248,34)
```
#f0fd22
```
#f0fd22 rgb(240,253,34)
```

Similar Colors

Text with hexadecimal color #fdd322

This text has a font color of #fdd322.

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

#fdd322 background color

This paragraph has a background color of #fdd322.

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

#fdd322 border color

This element has a border color of #fdd322.

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

CSS codes

.text {color:#fdd322;}

.background {background-color:#fdd322;}

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

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)
```
#6d5901
```
#6d5901 rgb(109,89,1)
```
#816801
```
#816801 rgb(129,104,1)
```
#947801
```
#947801 rgb(148,120,1)
```
#a88802
```
#a88802 rgb(168,136,2)
```
#bb9802
```
#bb9802 rgb(187,152,2)
```
#cfa702
```
#cfa702 rgb(207,167,2)
```
#e2b702
```
#e2b702 rgb(226,183,2)
```
#f6c702
```
#f6c702 rgb(246,199,2)
```

Shade Color Variation

#fdcf0f
```
#fdcf0f rgb(253,207,15)
```
#fdd322
```
#fdd322 rgb(253,211,34)
```
#fdd735
```
#fdd735 rgb(253,215,53)
```
#fddb49
```
#fddb49 rgb(253,219,73)
```
#fedf5c
```
#fedf5c rgb(254,223,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, #969489 is the less saturated color, while #fdd322 is the most saturated one.

#969489
```
#969489 rgb(150,148,137)
```
#9f9980
```
#9f9980 rgb(159,153,128)
```
#a79e78
```
#a79e78 rgb(167,158,120)
```
#b0a36f
```
#b0a36f rgb(176,163,111)
```
#b8a967
```
#b8a967 rgb(184,169,103)
```
#c1ae5e
```
#c1ae5e rgb(193,174,94)
```
#cab355
```
#cab355 rgb(202,179,85)
```
#d2b94d
```
#d2b94d rgb(210,185,77)
```
#dbbe44
```
#dbbe44 rgb(219,190,68)
```
#e3c33c
```
#e3c33c rgb(227,195,60)
```
#ecc833
```
#ecc833 rgb(236,200,51)
```
#f4ce2b
```
#f4ce2b rgb(244,206,43)
```
#fdd322
```
#fdd322 rgb(253,211,34)
```

Tone Color Variation

Below, you can see how #fdd322 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
#d5cda9 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

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

#fdd322 hex color

#fdd322 Color Information

#fdd322 Color Conversion

Color Schemes with #fdd322

Alternatives to #fdd322

#fdd322 Preview

Shades and Tints of #fdd322

Tones of #fdd322

Color Blindness Simulator