#fed31d hex color

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

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

● #fed31d color description : Vivid yellow.

The hexadecimal color #fed31d has RGB values of R:254, G:211, B:29 and CMYK values of C:0, M:0.17, Y:0.89, K:0. Its decimal value is 16700189.

Hex triplet	fed31d	`#fed31d`
RGB Decimal	254, 211, 29	`rgb(254,211,29)`
RGB Percent	99.6, 82.7, 11.4	`rgb(99.6%,82.7%,11.4%)`
CMYK	0, 17, 89, 0
HSL	48.5°, 99.1, 55.5	`hsl(48.5,99.1%,55.5%)`
HSV (or HSB)	48.5°, 88.6, 99.6
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	85.882, -0.012, 82.941
XYZ	64.39, 67.751, 10.848
xyY	0.45, 0.474, 67.751
CIE-LCH	85.882, 82.941, 90.008
CIE-LUV	85.882, 37.435, 88.666
Hunter-Lab	82.311, -4.407, 49.804
Binary	11111110, 11010011, 00011101

#fed31d
```
#fed31d rgb(254,211,29)
```
#1d48fe
```
#1d48fe rgb(29,72,254)
```

Complementary Color

#fe631d
```
#fe631d rgb(254,99,29)
```
#fed31d
```
#fed31d rgb(254,211,29)
```
#b9fe1d
```
#b9fe1d rgb(185,254,29)
```

Analogous Color

#631dfe
```
#631dfe rgb(99,29,254)
```
#fed31d
```
#fed31d rgb(254,211,29)
```
#1db9fe
```
#1db9fe rgb(29,185,254)
```

Split Complementary Color

#d31dfe
```
#d31dfe rgb(211,29,254)
```
#fed31d
```
#fed31d rgb(254,211,29)
```
#1dfed3
```
#1dfed3 rgb(29,254,211)
```

Triadic Color

#fe1d48
```
#fe1d48 rgb(254,29,72)
```
#fed31d
```
#fed31d rgb(254,211,29)
```
#1dfed3
```
#1dfed3 rgb(29,254,211)
```
#1d48fe
```
#1d48fe rgb(29,72,254)
```

Tetradic Color

#cea601
```
#cea601 rgb(206,166,1)
```
#e7bb01
```
#e7bb01 rgb(231,187,1)
```
#fece04
```
#fece04 rgb(254,206,4)
```
#fed31d
```
#fed31d rgb(254,211,29)
```
#fed836
```
#fed836 rgb(254,216,54)
```
#fedd50
```
#fedd50 rgb(254,221,80)
```
#fee269
```
#fee269 rgb(254,226,105)
```

Monochromatic Color

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

#fe9b1d
```
#fe9b1d rgb(254,155,29)
```
#feae1d
```
#feae1d rgb(254,174,29)
```
#fec01d
```
#fec01d rgb(254,192,29)
```
#fed31d
```
#fed31d rgb(254,211,29)
```
#fee61d
```
#fee61d rgb(254,230,29)
```
#fef91d
```
#fef91d rgb(254,249,29)
```
#f1fe1d
```
#f1fe1d rgb(241,254,29)
```

Similar Colors

Text with hexadecimal color #fed31d

This text has a font color of #fed31d.

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

#fed31d background color

This paragraph has a background color of #fed31d.

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

#fed31d border color

This element has a border color of #fed31d.

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

CSS codes

.text {color:#fed31d;}

.background {background-color:#fed31d;}

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

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)
```
#433600
```
#433600 rgb(67,54,0)
```
#564600
```
#564600 rgb(86,70,0)
```
#6a5600
```
#6a5600 rgb(106,86,0)
```
#7e6601
```
#7e6601 rgb(126,102,1)
```
#917501
```
#917501 rgb(145,117,1)
```
#a58501
```
#a58501 rgb(165,133,1)
```
#b89501
```
#b89501 rgb(184,149,1)
```
#cca501
```
#cca501 rgb(204,165,1)
```
#dfb501
```
#dfb501 rgb(223,181,1)
```
#f3c501
```
#f3c501 rgb(243,197,1)
```

Shade Color Variation

#fecf09
```
#fecf09 rgb(254,207,9)
```
#fed31d
```
#fed31d rgb(254,211,29)
```
#fed731
```
#fed731 rgb(254,215,49)
```
#fedb44
```
#fedb44 rgb(254,219,68)
```
#fede58
```
#fede58 rgb(254,222,88)
```
#fee26b
```
#fee26b rgb(254,226,107)
```
#fee67f
```
#fee67f rgb(254,230,127)
```
#ffea92
```
#ffea92 rgb(255,234,146)
```
#ffeea6
```
#ffeea6 rgb(255,238,166)
```
#fff1b9
```
#fff1b9 rgb(255,241,185)
```
#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, #959286 is the less saturated color, while #fed31d is the most saturated one.

#959286
```
#959286 rgb(149,146,134)
```
#9e987d
```
#9e987d rgb(158,152,125)
```
#a79d74
```
#a79d74 rgb(167,157,116)
```
#afa26c
```
#afa26c rgb(175,162,108)
```
#b8a863
```
#b8a863 rgb(184,168,99)
```
#c1ad5a
```
#c1ad5a rgb(193,173,90)
```
#cab351
```
#cab351 rgb(202,179,81)
```
#d2b849
```
#d2b849 rgb(210,184,73)
```
#dbbd40
```
#dbbd40 rgb(219,189,64)
```
#e4c337
```
#e4c337 rgb(228,195,55)
```
#edc82e
```
#edc82e rgb(237,200,46)
```
#f5ce26
```
#f5ce26 rgb(245,206,38)
```
#fed31d
```
#fed31d rgb(254,211,29)
```

Tone Color Variation

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

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

Trichromacy

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

#fed31d hex color

#fed31d Color Information

#fed31d Color Conversion

Color Schemes with #fed31d

Alternatives to #fed31d

#fed31d Preview

Shades and Tints of #fed31d

Tones of #fed31d

Color Blindness Simulator