#fdd422 hex color

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

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

● #fdd422 color description : Vivid yellow.

The hexadecimal color #fdd422 has RGB values of R:253, G:212, B:34 and CMYK values of C:0, M:0.16, Y:0.87, K:0.01. Its decimal value is 16634914.

Hex triplet	fdd422	`#fdd422`
RGB Decimal	253, 212, 34	`rgb(253,212,34)`
RGB Percent	99.2, 83.1, 13.3	`rgb(99.2%,83.1%,13.3%)`
CMYK	0, 16, 87, 1
HSL	48.8°, 98.2, 56.3	`hsl(48.8,98.2%,56.3%)`
HSV (or HSB)	48.8°, 86.6, 99.2
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	86.05, -0.85, 82.054
XYZ	64.341, 68.088, 11.267
xyY	0.448, 0.474, 68.088
CIE-LCH	86.05, 82.058, 90.593
CIE-LUV	86.05, 35.865, 88.444
Hunter-Lab	82.515, -5.217, 49.665
Binary	11111101, 11010100, 00100010

#fdd422
```
#fdd422 rgb(253,212,34)
```
#224bfd
```
#224bfd rgb(34,75,253)
```

Complementary Color

#fd6722
```
#fd6722 rgb(253,103,34)
```
#fdd422
```
#fdd422 rgb(253,212,34)
```
#b9fd22
```
#b9fd22 rgb(185,253,34)
```

Analogous Color

#6722fd
```
#6722fd rgb(103,34,253)
```
#fdd422
```
#fdd422 rgb(253,212,34)
```
#22b9fd
```
#22b9fd rgb(34,185,253)
```

Split Complementary Color

#d422fd
```
#d422fd rgb(212,34,253)
```
#fdd422
```
#fdd422 rgb(253,212,34)
```
#22fdd4
```
#22fdd4 rgb(34,253,212)
```

Triadic Color

#fd224b
```
#fd224b rgb(253,34,75)
```
#fdd422
```
#fdd422 rgb(253,212,34)
```
#22fdd4
```
#22fdd4 rgb(34,253,212)
```
#224bfd
```
#224bfd rgb(34,75,253)
```

Tetradic Color

#d1aa02
```
#d1aa02 rgb(209,170,2)
```
#eabe02
```
#eabe02 rgb(234,190,2)
```
#fdcf09
```
#fdcf09 rgb(253,207,9)
```
#fdd422
```
#fdd422 rgb(253,212,34)
```
#fdd93b
```
#fdd93b rgb(253,217,59)
```
#fdde55
```
#fdde55 rgb(253,222,85)
```
#fee36e
```
#fee36e rgb(254,227,110)
```

Monochromatic Color

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

#fd9d22
```
#fd9d22 rgb(253,157,34)
```
#fdb022
```
#fdb022 rgb(253,176,34)
```
#fdc222
```
#fdc222 rgb(253,194,34)
```
#fdd422
```
#fdd422 rgb(253,212,34)
```
#fde622
```
#fde622 rgb(253,230,34)
```
#fdf922
```
#fdf922 rgb(253,249,34)
```
#effd22
```
#effd22 rgb(239,253,34)
```

Similar Colors

Text with hexadecimal color #fdd422

This text has a font color of #fdd422.

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

#fdd422 background color

This paragraph has a background color of #fdd422.

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

#fdd422 border color

This element has a border color of #fdd422.

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

CSS codes

.text {color:#fdd422;}

.background {background-color:#fdd422;}

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

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)
```
#332a00
```
#332a00 rgb(51,42,0)
```
#473901
```
#473901 rgb(71,57,1)
```
#5a4901
```
#5a4901 rgb(90,73,1)
```
#6d5901
```
#6d5901 rgb(109,89,1)
```
#816901
```
#816901 rgb(129,105,1)
```
#947901
```
#947901 rgb(148,121,1)
```
#a88902
```
#a88902 rgb(168,137,2)
```
#bb9802
```
#bb9802 rgb(187,152,2)
```
#cfa802
```
#cfa802 rgb(207,168,2)
```
#e2b802
```
#e2b802 rgb(226,184,2)
```
#f6c802
```
#f6c802 rgb(246,200,2)
```

Shade Color Variation

#fdd00f
```
#fdd00f rgb(253,208,15)
```
#fdd422
```
#fdd422 rgb(253,212,34)
```
#fdd835
```
#fdd835 rgb(253,216,53)
```
#fddc49
```
#fddc49 rgb(253,220,73)
```
#fedf5c
```
#fedf5c rgb(254,223,92)
```
#fee370
```
#fee370 rgb(254,227,112)
```
#fee783
```
#fee783 rgb(254,231,131)
```
#feeb97
```
#feeb97 rgb(254,235,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 #fdd422 is the most saturated one.

#969489
```
#969489 rgb(150,148,137)
```
#9f9980
```
#9f9980 rgb(159,153,128)
```
#a79e78
```
#a79e78 rgb(167,158,120)
```
#b0a46f
```
#b0a46f rgb(176,164,111)
```
#b8a967
```
#b8a967 rgb(184,169,103)
```
#c1ae5e
```
#c1ae5e rgb(193,174,94)
```
#cab455
```
#cab455 rgb(202,180,85)
```
#d2b94d
```
#d2b94d rgb(210,185,77)
```
#dbbf44
```
#dbbf44 rgb(219,191,68)
```
#e3c43c
```
#e3c43c rgb(227,196,60)
```
#ecc933
```
#ecc933 rgb(236,201,51)
```
#f4cf2b
```
#f4cf2b rgb(244,207,43)
```
#fdd422
```
#fdd422 rgb(253,212,34)
```

Tone Color Variation

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

Dichromacy

#f3d92e Protanopia 1% of men
#ffd28c Deuteranopia 1% of men
#ffccd6 Tritanopia 0.001% of the population

Trichromacy

#f6d729 Protanomaly 1% of men, 0.01% of women
#fed265 Deuteranomaly 6% of men, 0.4% of women
#fecf95 Tritanomaly 0.01% of the population

#fdd422 hex color

#fdd422 Color Information

#fdd422 Color Conversion

Color Schemes with #fdd422

Alternatives to #fdd422

#fdd422 Preview

Shades and Tints of #fdd422

Tones of #fdd422

Color Blindness Simulator