#fed31e hex color

In a RGB color space, hex #fed31e is composed of 99.6% red, 82.7% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.9% magenta, 88.2% yellow and 0.4% black. It has a hue angle of 48.5 degrees, a saturation of 99.1% and a lightness of 55.7%. #fed31e color hex could be obtained by blending #ffff3c with #fda700. Closest websafe color is: #ffcc33.

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

● #fed31e color description : Vivid yellow.

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

Hex triplet	fed31e	`#fed31e`
RGB Decimal	254, 211, 30	`rgb(254,211,30)`
RGB Percent	99.6, 82.7, 11.8	`rgb(99.6%,82.7%,11.8%)`
CMYK	0, 17, 88, 0
HSL	48.5°, 99.1, 55.7	`hsl(48.5,99.1%,55.7%)`
HSV (or HSB)	48.5°, 88.2, 99.6
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	85.884, 0.006, 82.757
XYZ	64.403, 67.756, 10.914
xyY	0.45, 0.474, 67.756
CIE-LCH	85.884, 82.757, 89.996
CIE-LUV	85.884, 37.42, 88.557
Hunter-Lab	82.314, -4.391, 49.758
Binary	11111110, 11010011, 00011110

#fed31e
```
#fed31e rgb(254,211,30)
```
#1e49fe
```
#1e49fe rgb(30,73,254)
```

Complementary Color

#fe631e
```
#fe631e rgb(254,99,30)
```
#fed31e
```
#fed31e rgb(254,211,30)
```
#b9fe1e
```
#b9fe1e rgb(185,254,30)
```

Analogous Color

#631efe
```
#631efe rgb(99,30,254)
```
#fed31e
```
#fed31e rgb(254,211,30)
```
#1eb9fe
```
#1eb9fe rgb(30,185,254)
```

Split Complementary Color

#d31efe
```
#d31efe rgb(211,30,254)
```
#fed31e
```
#fed31e rgb(254,211,30)
```
#1efed3
```
#1efed3 rgb(30,254,211)
```

Triadic Color

#fe1e49
```
#fe1e49 rgb(254,30,73)
```
#fed31e
```
#fed31e rgb(254,211,30)
```
#1efed3
```
#1efed3 rgb(30,254,211)
```
#1e49fe
```
#1e49fe rgb(30,73,254)
```

Tetradic Color

#cfa701
```
#cfa701 rgb(207,167,1)
```
#e8bc01
```
#e8bc01 rgb(232,188,1)
```
#fece05
```
#fece05 rgb(254,206,5)
```
#fed31e
```
#fed31e rgb(254,211,30)
```
#fed837
```
#fed837 rgb(254,216,55)
```
#fedd51
```
#fedd51 rgb(254,221,81)
```
#fee26a
```
#fee26a rgb(254,226,106)
```

Monochromatic Color

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

#fe9b1e
```
#fe9b1e rgb(254,155,30)
```
#feae1e
```
#feae1e rgb(254,174,30)
```
#fec01e
```
#fec01e rgb(254,192,30)
```
#fed31e
```
#fed31e rgb(254,211,30)
```
#fee61e
```
#fee61e rgb(254,230,30)
```
#fef81e
```
#fef81e rgb(254,248,30)
```
#f1fe1e
```
#f1fe1e rgb(241,254,30)
```

Similar Colors

Text with hexadecimal color #fed31e

This text has a font color of #fed31e.

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

#fed31e background color

This paragraph has a background color of #fed31e.

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

#fed31e border color

This element has a border color of #fed31e.

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

CSS codes

.text {color:#fed31e;}

.background {background-color:#fed31e;}

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

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

#090800
```
#090800 rgb(9,8,0)
```
#1d1700
```
#1d1700 rgb(29,23,0)
```
#302700
```
#302700 rgb(48,39,0)
```
#443700
```
#443700 rgb(68,55,0)
```
#574700
```
#574700 rgb(87,71,0)
```
#6b5700
```
#6b5700 rgb(107,87,0)
```
#7f6601
```
#7f6601 rgb(127,102,1)
```
#927601
```
#927601 rgb(146,118,1)
```
#a68601
```
#a68601 rgb(166,134,1)
```
#b99601
```
#b99601 rgb(185,150,1)
```
#cda601
```
#cda601 rgb(205,166,1)
```
#e0b501
```
#e0b501 rgb(224,181,1)
```
#f4c501
```
#f4c501 rgb(244,197,1)
```

Shade Color Variation

#fecf0a
```
#fecf0a rgb(254,207,10)
```
#fed31e
```
#fed31e rgb(254,211,30)
```
#fed732
```
#fed732 rgb(254,215,50)
```
#fedb45
```
#fedb45 rgb(254,219,69)
```
#fede59
```
#fede59 rgb(254,222,89)
```
#fee26c
```
#fee26c rgb(254,226,108)
```
#fee680
```
#fee680 rgb(254,230,128)
```
#ffea93
```
#ffea93 rgb(255,234,147)
```
#ffeea7
```
#ffeea7 rgb(255,238,167)
```
#fff2ba
```
#fff2ba rgb(255,242,186)
```
#fff5ce
```
#fff5ce rgb(255,245,206)
```
#fff9e1
```
#fff9e1 rgb(255,249,225)
```
#fffdf5
```
#fffdf5 rgb(255,253,245)
```

Tint Color Variation

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

#969386
```
#969386 rgb(150,147,134)
```
#9e987e
```
#9e987e rgb(158,152,126)
```
#a79d75
```
#a79d75 rgb(167,157,117)
```
#b0a36c
```
#b0a36c rgb(176,163,108)
```
#b8a864
```
#b8a864 rgb(184,168,100)
```
#c1ae5b
```
#c1ae5b rgb(193,174,91)
```
#cab352
```
#cab352 rgb(202,179,82)
```
#d3b849
```
#d3b849 rgb(211,184,73)
```
#dbbe41
```
#dbbe41 rgb(219,190,65)
```
#e4c338
```
#e4c338 rgb(228,195,56)
```
#edc82f
```
#edc82f rgb(237,200,47)
```
#f5ce27
```
#f5ce27 rgb(245,206,39)
```
#fed31e
```
#fed31e rgb(254,211,30)
```

Tone Color Variation

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

#f3d92a Protanopia 1% of men
#ffd18a Deuteranopia 1% of men
#ffcbd6 Tritanopia 0.001% of the population

Trichromacy

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

#fed31e hex color

#fed31e Color Information

#fed31e Color Conversion

Color Schemes with #fed31e

Alternatives to #fed31e

#fed31e Preview

Shades and Tints of #fed31e

Tones of #fed31e

Color Blindness Simulator