#fdd50e hex color

In a RGB color space, hex #fdd50e is composed of 99.2% red, 83.5% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.8% magenta, 94.5% yellow and 0.8% black. It has a hue angle of 50 degrees, a saturation of 98.4% and a lightness of 52.4%. #fdd50e color hex could be obtained by blending #ffff1c with #fbab00. Closest websafe color is: #ffcc00.

♥
- f
- t
- g
- R 99
- G 84
- B 5
RGB color chart
- C 0
- M 16
- Y 94
- K 1
CMYK color chart

● #fdd50e color description : Vivid yellow.

The hexadecimal color #fdd50e has RGB values of R:253, G:213, B:14 and CMYK values of C:0, M:0.16, Y:0.94, K:0.01. Its decimal value is 16635150.

Hex triplet	fdd50e	`#fdd50e`
RGB Decimal	253, 213, 14	`rgb(253,213,14)`
RGB Percent	99.2, 83.5, 5.5	`rgb(99.2%,83.5%,5.5%)`
CMYK	0, 16, 94, 1
HSL	50°, 98.4, 52.4	`hsl(50,98.4%,52.4%)`
HSV (or HSB)	50°, 94.5, 99.2
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	86.259, -1.653, 85.335
XYZ	64.382, 68.506, 10.247
xyY	0.45, 0.479, 68.506
CIE-LCH	86.259, 85.351, 91.11
CIE-LUV	86.259, 35.371, 90.637
Hunter-Lab	82.768, -5.995, 50.597
Binary	11111101, 11010101, 00001110

#fdd50e
```
#fdd50e rgb(253,213,14)
```
#0e36fd
```
#0e36fd rgb(14,54,253)
```

Complementary Color

#fd5d0e
```
#fd5d0e rgb(253,93,14)
```
#fdd50e
```
#fdd50e rgb(253,213,14)
```
#aefd0e
```
#aefd0e rgb(174,253,14)
```

Analogous Color

#5d0efd
```
#5d0efd rgb(93,14,253)
```
#fdd50e
```
#fdd50e rgb(253,213,14)
```
#0eaefd
```
#0eaefd rgb(14,174,253)
```

Split Complementary Color

#d50efd
```
#d50efd rgb(213,14,253)
```
#fdd50e
```
#fdd50e rgb(253,213,14)
```
#0efdd5
```
#0efdd5 rgb(14,253,213)
```

Triadic Color

#fd0e36
```
#fd0e36 rgb(253,14,54)
```
#fdd50e
```
#fdd50e rgb(253,213,14)
```
#0efdd5
```
#0efdd5 rgb(14,253,213)
```
#0e36fd
```
#0e36fd rgb(14,54,253)
```

Tetradic Color

#bd9e02
```
#bd9e02 rgb(189,158,2)
```
#d6b302
```
#d6b302 rgb(214,179,2)
```
#f0c802
```
#f0c802 rgb(240,200,2)
```
#fdd50e
```
#fdd50e rgb(253,213,14)
```
#fdd927
```
#fdd927 rgb(253,217,39)
```
#fdde41
```
#fdde41 rgb(253,222,65)
```
#fee25a
```
#fee25a rgb(254,226,90)
```

Monochromatic Color

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

#fd990e
```
#fd990e rgb(253,153,14)
```
#fdad0e
```
#fdad0e rgb(253,173,14)
```
#fdc10e
```
#fdc10e rgb(253,193,14)
```
#fdd50e
```
#fdd50e rgb(253,213,14)
```
#fde90e
```
#fde90e rgb(253,233,14)
```
#fdfd0e
```
#fdfd0e rgb(253,253,14)
```
#e9fd0e
```
#e9fd0e rgb(233,253,14)
```

Similar Colors

Text with hexadecimal color #fdd50e

This text has a font color of #fdd50e.

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

#fdd50e background color

This paragraph has a background color of #fdd50e.

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

#fdd50e border color

This element has a border color of #fdd50e.

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

CSS codes

.text {color:#fdd50e;}

.background {background-color:#fdd50e;}

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

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 #fffef7 is the lightest one.

#0c0a00
```
#0c0a00 rgb(12,10,0)
```
#1f1a00
```
#1f1a00 rgb(31,26,0)
```
#332a00
```
#332a00 rgb(51,42,0)
```
#463b01
```
#463b01 rgb(70,59,1)
```
#5a4b01
```
#5a4b01 rgb(90,75,1)
```
#6d5b01
```
#6d5b01 rgb(109,91,1)
```
#816b01
```
#816b01 rgb(129,107,1)
```
#947c01
```
#947c01 rgb(148,124,1)
```
#a88c01
```
#a88c01 rgb(168,140,1)
```
#bb9c02
```
#bb9c02 rgb(187,156,2)
```
#ceac02
```
#ceac02 rgb(206,172,2)
```
#e2bc02
```
#e2bc02 rgb(226,188,2)
```
#f5cd02
```
#f5cd02 rgb(245,205,2)
```

Shade Color Variation

#fdd50e
```
#fdd50e rgb(253,213,14)
```
#fdd821
```
#fdd821 rgb(253,216,33)
```
#fddc35
```
#fddc35 rgb(253,220,53)
```
#fddf48
```
#fddf48 rgb(253,223,72)
```
#fee35c
```
#fee35c rgb(254,227,92)
```
#fee66f
```
#fee66f rgb(254,230,111)
```
#fee983
```
#fee983 rgb(254,233,131)
```
#feed96
```
#feed96 rgb(254,237,150)
```
#fef0aa
```
#fef0aa rgb(254,240,170)
```
#fef4bd
```
#fef4bd rgb(254,244,189)
```
#fff7d1
```
#fff7d1 rgb(255,247,209)
```
#fffae4
```
#fffae4 rgb(255,250,228)
```
#fffef7
```
#fffef7 rgb(255,254,247)
```

Tint Color Variation

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

#8d8a7e
```
#8d8a7e rgb(141,138,126)
```
#969175
```
#969175 rgb(150,145,117)
```
#a0976b
```
#a0976b rgb(160,151,107)
```
#a99d62
```
#a99d62 rgb(169,157,98)
```
#b2a359
```
#b2a359 rgb(178,163,89)
```
#bca94f
```
#bca94f rgb(188,169,79)
```
#c5b046
```
#c5b046 rgb(197,176,70)
```
#ceb63d
```
#ceb63d rgb(206,182,61)
```
#d8bc33
```
#d8bc33 rgb(216,188,51)
```
#e1c22a
```
#e1c22a rgb(225,194,42)
```
#eac921
```
#eac921 rgb(234,201,33)
```
#f4cf17
```
#f4cf17 rgb(244,207,23)
```
#fdd50e
```
#fdd50e rgb(253,213,14)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#d4cca4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f4da1b Protanopia 1% of men
#ffd38e Deuteranopia 1% of men
#ffcdd7 Tritanopia 0.001% of the population

Trichromacy

#f7d816 Protanomaly 1% of men, 0.01% of women
#fed35f Deuteranomaly 6% of men, 0.4% of women
#fecf8e Tritanomaly 0.01% of the population

#fdd50e hex color

#fdd50e Color Information

#fdd50e Color Conversion

Color Schemes with #fdd50e

Alternatives to #fdd50e

#fdd50e Preview

Shades and Tints of #fdd50e

Tones of #fdd50e

Color Blindness Simulator