#fdd31e hex color

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

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

● #fdd31e color description : Vivid yellow.

The hexadecimal color #fdd31e has RGB values of R:253, G:211, B:30 and CMYK values of C:0, M:0.17, Y:0.88, K:0.01. Its decimal value is 16634654.

Hex triplet	fdd31e	`#fdd31e`
RGB Decimal	253, 211, 30	`rgb(253,211,30)`
RGB Percent	99.2, 82.7, 11.8	`rgb(99.2%,82.7%,11.8%)`
CMYK	0, 17, 88, 1
HSL	48.7°, 98.2, 55.5	`hsl(48.7,98.2%,55.5%)`
HSV (or HSB)	48.7°, 88.1, 99.2
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	85.79, -0.418, 82.643
XYZ	64.038, 67.568, 10.897
xyY	0.449, 0.474, 67.568
CIE-LCH	85.79, 82.644, 90.29
CIE-LUV	85.79, 36.665, 88.54
Hunter-Lab	82.2, -4.789, 49.68
Binary	11111101, 11010011, 00011110

#fdd31e
```
#fdd31e rgb(253,211,30)
```
#1e48fd
```
#1e48fd rgb(30,72,253)
```

Complementary Color

#fd641e
```
#fd641e rgb(253,100,30)
```
#fdd31e
```
#fdd31e rgb(253,211,30)
```
#b8fd1e
```
#b8fd1e rgb(184,253,30)
```

Analogous Color

#641efd
```
#641efd rgb(100,30,253)
```
#fdd31e
```
#fdd31e rgb(253,211,30)
```
#1eb8fd
```
#1eb8fd rgb(30,184,253)
```

Split Complementary Color

#d31efd
```
#d31efd rgb(211,30,253)
```
#fdd31e
```
#fdd31e rgb(253,211,30)
```
#1efdd3
```
#1efdd3 rgb(30,253,211)
```

Triadic Color

#fd1e48
```
#fd1e48 rgb(253,30,72)
```
#fdd31e
```
#fdd31e rgb(253,211,30)
```
#1efdd3
```
#1efdd3 rgb(30,253,211)
```
#1e48fd
```
#1e48fd rgb(30,72,253)
```

Tetradic Color

#cda602
```
#cda602 rgb(205,166,2)
```
#e6bb02
```
#e6bb02 rgb(230,187,2)
```
#fdce05
```
#fdce05 rgb(253,206,5)
```
#fdd31e
```
#fdd31e rgb(253,211,30)
```
#fdd837
```
#fdd837 rgb(253,216,55)
```
#fddd51
```
#fddd51 rgb(253,221,81)
```
#fee26a
```
#fee26a rgb(254,226,106)
```

Monochromatic Color

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

#fd9b1e
```
#fd9b1e rgb(253,155,30)
```
#fdae1e
```
#fdae1e rgb(253,174,30)
```
#fdc01e
```
#fdc01e rgb(253,192,30)
```
#fdd31e
```
#fdd31e rgb(253,211,30)
```
#fde61e
```
#fde61e rgb(253,230,30)
```
#fdf81e
```
#fdf81e rgb(253,248,30)
```
#effd1e
```
#effd1e rgb(239,253,30)
```

Similar Colors

Text with hexadecimal color #fdd31e

This text has a font color of #fdd31e.

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

#fdd31e background color

This paragraph has a background color of #fdd31e.

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

#fdd31e border color

This element has a border color of #fdd31e.

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

CSS codes

.text {color:#fdd31e;}

.background {background-color:#fdd31e;}

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

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, #080700 is the darkest color, while #fffdf4 is the lightest one.

#080700
```
#080700 rgb(8,7,0)
```
#1c1700
```
#1c1700 rgb(28,23,0)
```
#2f2600
```
#2f2600 rgb(47,38,0)
```
#433601
```
#433601 rgb(67,54,1)
```
#564601
```
#564601 rgb(86,70,1)
```
#6a5601
```
#6a5601 rgb(106,86,1)
```
#7d6601
```
#7d6601 rgb(125,102,1)
```
#907501
```
#907501 rgb(144,117,1)
```
#a48501
```
#a48501 rgb(164,133,1)
```
#b79502
```
#b79502 rgb(183,149,2)
```
#cba502
```
#cba502 rgb(203,165,2)
```
#deb502
```
#deb502 rgb(222,181,2)
```
#f2c502
```
#f2c502 rgb(242,197,2)
```

Shade Color Variation

#fdcf0b
```
#fdcf0b rgb(253,207,11)
```
#fdd31e
```
#fdd31e rgb(253,211,30)
```
#fdd731
```
#fdd731 rgb(253,215,49)
```
#fddb45
```
#fddb45 rgb(253,219,69)
```
#fede58
```
#fede58 rgb(254,222,88)
```
#fee26c
```
#fee26c rgb(254,226,108)
```
#fee67f
```
#fee67f rgb(254,230,127)
```
#feea93
```
#feea93 rgb(254,234,147)
```
#feeea6
```
#feeea6 rgb(254,238,166)
```
#fef1ba
```
#fef1ba rgb(254,241,186)
```
#fff5cd
```
#fff5cd rgb(255,245,205)
```
#fff9e0
```
#fff9e0 rgb(255,249,224)
```
#fffdf4
```
#fffdf4 rgb(255,253,244)
```

Tint Color Variation

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

#949287
```
#949287 rgb(148,146,135)
```
#9d977e
```
#9d977e rgb(157,151,126)
```
#a69d75
```
#a69d75 rgb(166,157,117)
```
#aea26d
```
#aea26d rgb(174,162,109)
```
#b7a764
```
#b7a764 rgb(183,167,100)
```
#c0ad5b
```
#c0ad5b rgb(192,173,91)
```
#c9b252
```
#c9b252 rgb(201,178,82)
```
#d1b84a
```
#d1b84a rgb(209,184,74)
```
#dabd41
```
#dabd41 rgb(218,189,65)
```
#e3c338
```
#e3c338 rgb(227,195,56)
```
#ecc82f
```
#ecc82f rgb(236,200,47)
```
#f4ce27
```
#f4ce27 rgb(244,206,39)
```
#fdd31e
```
#fdd31e rgb(253,211,30)
```

Tone Color Variation

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

Dichromacy

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

Trichromacy

#f6d626 Protanomaly 1% of men, 0.01% of women
#fed262 Deuteranomaly 6% of men, 0.4% of women
#fece93 Tritanomaly 0.01% of the population

#fdd31e hex color

#fdd31e Color Information

#fdd31e Color Conversion

Color Schemes with #fdd31e

Alternatives to #fdd31e

#fdd31e Preview

Shades and Tints of #fdd31e

Tones of #fdd31e

Color Blindness Simulator