#fde31a hex color

In a RGB color space, hex #fde31a is composed of 99.2% red, 89% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.3% magenta, 89.7% yellow and 0.8% black. It has a hue angle of 53.1 degrees, a saturation of 98.3% and a lightness of 54.7%. #fde31a color hex could be obtained by blending #ffff34 with #fbc700. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 99
- G 89
- B 10
RGB color chart
- C 0
- M 10
- Y 90
- K 1
CMYK color chart

● #fde31a color description : Vivid yellow.

The hexadecimal color #fde31a has RGB values of R:253, G:227, B:26 and CMYK values of C:0, M:0.1, Y:0.9, K:0.01. Its decimal value is 16638746.

Hex triplet	fde31a	`#fde31a`
RGB Decimal	253, 227, 26	`rgb(253,227,26)`
RGB Percent	99.2, 89, 10.2	`rgb(99.2%,89%,10.2%)`
CMYK	0, 10, 90, 1
HSL	53.1°, 98.3, 54.7	`hsl(53.1,98.3%,54.7%)`
HSV (or HSB)	53.1°, 89.7, 99.2
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	89.812, -8.534, 86.448
XYZ	68.164, 75.898, 12.037
xyY	0.437, 0.486, 75.898
CIE-LCH	89.812, 86.868, 95.638
CIE-LUV	89.812, 25.173, 94.945
Hunter-Lab	87.119, -12.796, 52.792
Binary	11111101, 11100011, 00011010

#fde31a
```
#fde31a rgb(253,227,26)
```
#1a34fd
```
#1a34fd rgb(26,52,253)
```

Complementary Color

#fd721a
```
#fd721a rgb(253,114,26)
```
#fde31a
```
#fde31a rgb(253,227,26)
```
#a6fd1a
```
#a6fd1a rgb(166,253,26)
```

Analogous Color

#721afd
```
#721afd rgb(114,26,253)
```
#fde31a
```
#fde31a rgb(253,227,26)
```
#1aa6fd
```
#1aa6fd rgb(26,166,253)
```

Split Complementary Color

#e31afd
```
#e31afd rgb(227,26,253)
```
#fde31a
```
#fde31a rgb(253,227,26)
```
#1afde3
```
#1afde3 rgb(26,253,227)
```

Triadic Color

#fd1a34
```
#fd1a34 rgb(253,26,52)
```
#fde31a
```
#fde31a rgb(253,227,26)
```
#1afde3
```
#1afde3 rgb(26,253,227)
```
#1a34fd
```
#1a34fd rgb(26,52,253)
```

Tetradic Color

#c9b202
```
#c9b202 rgb(201,178,2)
```
#e2c802
```
#e2c802 rgb(226,200,2)
```
#fbdf02
```
#fbdf02 rgb(251,223,2)
```
#fde31a
```
#fde31a rgb(253,227,26)
```
#fde633
```
#fde633 rgb(253,230,51)
```
#fde94d
```
#fde94d rgb(253,233,77)
```
#feec66
```
#feec66 rgb(254,236,102)
```

Monochromatic Color

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

#fdaa1a
```
#fdaa1a rgb(253,170,26)
```
#fdbd1a
```
#fdbd1a rgb(253,189,26)
```
#fdd01a
```
#fdd01a rgb(253,208,26)
```
#fde31a
```
#fde31a rgb(253,227,26)
```
#fdf61a
```
#fdf61a rgb(253,246,26)
```
#f1fd1a
```
#f1fd1a rgb(241,253,26)
```
#defd1a
```
#defd1a rgb(222,253,26)
```

Similar Colors

Text with hexadecimal color #fde31a

This text has a font color of #fde31a.

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

#fde31a background color

This paragraph has a background color of #fde31a.

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

#fde31a border color

This element has a border color of #fde31a.

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

CSS codes

.text {color:#fde31a;}

.background {background-color:#fde31a;}

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

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

#040400
```
#040400 rgb(4,4,0)
```
#181500
```
#181500 rgb(24,21,0)
```
#2b2600
```
#2b2600 rgb(43,38,0)
```
#3f3801
```
#3f3801 rgb(63,56,1)
```
#524901
```
#524901 rgb(82,73,1)
```
#665a01
```
#665a01 rgb(102,90,1)
```
#796b01
```
#796b01 rgb(121,107,1)
```
#8c7d01
```
#8c7d01 rgb(140,125,1)
```
#a08e01
```
#a08e01 rgb(160,142,1)
```
#b39f02
```
#b39f02 rgb(179,159,2)
```
#c7b002
```
#c7b002 rgb(199,176,2)
```
#dac102
```
#dac102 rgb(218,193,2)
```
#eed302
```
#eed302 rgb(238,211,2)
```

Shade Color Variation

#fde107
```
#fde107 rgb(253,225,7)
```
#fde31a
```
#fde31a rgb(253,227,26)
```
#fde52d
```
#fde52d rgb(253,229,45)
```
#fde841
```
#fde841 rgb(253,232,65)
```
#feea54
```
#feea54 rgb(254,234,84)
```
#feed68
```
#feed68 rgb(254,237,104)
```
#feef7b
```
#feef7b rgb(254,239,123)
```
#fef18f
```
#fef18f rgb(254,241,143)
```
#fef4a2
```
#fef4a2 rgb(254,244,162)
```
#fef6b6
```
#fef6b6 rgb(254,246,182)
```
#fff8c9
```
#fff8c9 rgb(255,248,201)
```
#fffbdc
```
#fffbdc rgb(255,251,220)
```
#fffdf0
```
#fffdf0 rgb(255,253,240)
```

Tint Color Variation

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

#929185
```
#929185 rgb(146,145,133)
```
#9b987c
```
#9b987c rgb(155,152,124)
```
#a49f73
```
#a49f73 rgb(164,159,115)
```
#ada56a
```
#ada56a rgb(173,165,106)
```
#b6ac61
```
#b6ac61 rgb(182,172,97)
```
#bfb358
```
#bfb358 rgb(191,179,88)
```
#c8ba4f
```
#c8ba4f rgb(200,186,79)
```
#d1c146
```
#d1c146 rgb(209,193,70)
```
#d9c83e
```
#d9c83e rgb(217,200,62)
```
#e2ce35
```
#e2ce35 rgb(226,206,53)
```
#ebd52c
```
#ebd52c rgb(235,213,44)
```
#f4dc23
```
#f4dc23 rgb(244,220,35)
```
#fde31a
```
#fde31a rgb(253,227,26)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#dcd7af Atypical Achromatopsia 0.001% of the population

Dichromacy

#fee325 Protanopia 1% of men
#ffdeb2 Deuteranopia 1% of men
#ffdae4 Tritanopia 0.001% of the population

Trichromacy

#fee321 Protanomaly 1% of men, 0.01% of women
#fee07b Deuteranomaly 6% of men, 0.4% of women
#fedd9a Tritanomaly 0.01% of the population

#fde31a hex color

#fde31a Color Information

#fde31a Color Conversion

Color Schemes with #fde31a

Alternatives to #fde31a

#fde31a Preview

Shades and Tints of #fde31a

Tones of #fde31a

Color Blindness Simulator