#fed21f hex color

In a RGB color space, hex #fed21f is composed of 99.6% red, 82.4% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.3% magenta, 87.8% yellow and 0.4% black. It has a hue angle of 48.2 degrees, a saturation of 99.1% and a lightness of 55.9%. #fed21f color hex could be obtained by blending #ffff3e with #fda500. Closest websafe color is: #ffcc33.

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

● #fed21f color description : Vivid yellow.

The hexadecimal color #fed21f has RGB values of R:254, G:210, B:31 and CMYK values of C:0, M:0.17, Y:0.88, K:0. Its decimal value is 16699935.

Hex triplet	fed21f	`#fed21f`
RGB Decimal	254, 210, 31	`rgb(254,210,31)`
RGB Percent	99.6, 82.4, 12.2	`rgb(99.6%,82.4%,12.2%)`
CMYK	0, 17, 88, 0
HSL	48.2°, 99.1, 55.9	`hsl(48.2,99.1%,55.9%)`
HSV (or HSB)	48.2°, 87.8, 99.6
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	85.638, 0.533, 82.373
XYZ	64.168, 67.266, 10.9
xyY	0.451, 0.473, 67.266
CIE-LCH	85.638, 82.374, 89.629
CIE-LUV	85.638, 38.145, 88.068
Hunter-Lab	82.016, -3.872, 49.531
Binary	11111110, 11010010, 00011111

#fed21f
```
#fed21f rgb(254,210,31)
```
#1f4bfe
```
#1f4bfe rgb(31,75,254)
```

Complementary Color

#fe631f
```
#fe631f rgb(254,99,31)
```
#fed21f
```
#fed21f rgb(254,210,31)
```
#bbfe1f
```
#bbfe1f rgb(187,254,31)
```

Analogous Color

#631ffe
```
#631ffe rgb(99,31,254)
```
#fed21f
```
#fed21f rgb(254,210,31)
```
#1fbbfe
```
#1fbbfe rgb(31,187,254)
```

Split Complementary Color

#d21ffe
```
#d21ffe rgb(210,31,254)
```
#fed21f
```
#fed21f rgb(254,210,31)
```
#1ffed2
```
#1ffed2 rgb(31,254,210)
```

Triadic Color

#fe1f4b
```
#fe1f4b rgb(254,31,75)
```
#fed21f
```
#fed21f rgb(254,210,31)
```
#1ffed2
```
#1ffed2 rgb(31,254,210)
```
#1f4bfe
```
#1f4bfe rgb(31,75,254)
```

Tetradic Color

#d0a701
```
#d0a701 rgb(208,167,1)
```
#e9bb01
```
#e9bb01 rgb(233,187,1)
```
#fecd06
```
#fecd06 rgb(254,205,6)
```
#fed21f
```
#fed21f rgb(254,210,31)
```
#fed738
```
#fed738 rgb(254,215,56)
```
#fedc52
```
#fedc52 rgb(254,220,82)
```
#fee16b
```
#fee16b rgb(254,225,107)
```

Monochromatic Color

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

#fe9a1f
```
#fe9a1f rgb(254,154,31)
```
#fead1f
```
#fead1f rgb(254,173,31)
```
#febf1f
```
#febf1f rgb(254,191,31)
```
#fed21f
```
#fed21f rgb(254,210,31)
```
#fee51f
```
#fee51f rgb(254,229,31)
```
#fef71f
```
#fef71f rgb(254,247,31)
```
#f2fe1f
```
#f2fe1f rgb(242,254,31)
```

Similar Colors

Text with hexadecimal color #fed21f

This text has a font color of #fed21f.

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

#fed21f background color

This paragraph has a background color of #fed21f.

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

#fed21f border color

This element has a border color of #fed21f.

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

CSS codes

.text {color:#fed21f;}

.background {background-color:#fed21f;}

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

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, #0a0800 is the darkest color, while #fffdf6 is the lightest one.

#0a0800
```
#0a0800 rgb(10,8,0)
```
#1e1800
```
#1e1800 rgb(30,24,0)
```
#312800
```
#312800 rgb(49,40,0)
```
#453700
```
#453700 rgb(69,55,0)
```
#584700
```
#584700 rgb(88,71,0)
```
#6c5700
```
#6c5700 rgb(108,87,0)
```
#806601
```
#806601 rgb(128,102,1)
```
#937601
```
#937601 rgb(147,118,1)
```
#a78601
```
#a78601 rgb(167,134,1)
```
#ba9601
```
#ba9601 rgb(186,150,1)
```
#cea501
```
#cea501 rgb(206,165,1)
```
#e1b501
```
#e1b501 rgb(225,181,1)
```
#f5c501
```
#f5c501 rgb(245,197,1)
```

Shade Color Variation

#fece0b
```
#fece0b rgb(254,206,11)
```
#fed21f
```
#fed21f rgb(254,210,31)
```
#fed633
```
#fed633 rgb(254,214,51)
```
#feda46
```
#feda46 rgb(254,218,70)
```
#fede5a
```
#fede5a rgb(254,222,90)
```
#fee26d
```
#fee26d rgb(254,226,109)
```
#fee681
```
#fee681 rgb(254,230,129)
```
#ffea94
```
#ffea94 rgb(255,234,148)
```
#ffeda8
```
#ffeda8 rgb(255,237,168)
```
#fff1bb
```
#fff1bb rgb(255,241,187)
```
#fff5cf
```
#fff5cf rgb(255,245,207)
```
#fff9e2
```
#fff9e2 rgb(255,249,226)
```
#fffdf6
```
#fffdf6 rgb(255,253,246)
```

Tint Color Variation

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

#969387
```
#969387 rgb(150,147,135)
```
#9f987e
```
#9f987e rgb(159,152,126)
```
#a79e76
```
#a79e76 rgb(167,158,118)
```
#b0a36d
```
#b0a36d rgb(176,163,109)
```
#b9a864
```
#b9a864 rgb(185,168,100)
```
#c1ad5c
```
#c1ad5c rgb(193,173,92)
```
#cab353
```
#cab353 rgb(202,179,83)
```
#d3b84a
```
#d3b84a rgb(211,184,74)
```
#dbbd42
```
#dbbd42 rgb(219,189,66)
```
#e4c239
```
#e4c239 rgb(228,194,57)
```
#edc830
```
#edc830 rgb(237,200,48)
```
#f5cd28
```
#f5cd28 rgb(245,205,40)
```
#fed21f
```
#fed21f rgb(254,210,31)
```

Tone Color Variation

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

Dichromacy

#f2d82b Protanopia 1% of men
#ffd187 Deuteranopia 1% of men
#ffcad5 Tritanopia 0.001% of the population

Trichromacy

#f6d627 Protanomaly 1% of men, 0.01% of women
#fed161 Deuteranomaly 6% of men, 0.4% of women
#fecd92 Tritanomaly 0.01% of the population

#fed21f hex color

#fed21f Color Information

#fed21f Color Conversion

Color Schemes with #fed21f

Alternatives to #fed21f

#fed21f Preview

Shades and Tints of #fed21f

Tones of #fed21f

Color Blindness Simulator