#fed51f hex color

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

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

● #fed51f color description : Vivid yellow.

The hexadecimal color #fed51f has RGB values of R:254, G:213, B:31 and CMYK values of C:0, M:0.16, Y:0.88, K:0. Its decimal value is 16700703.

Hex triplet	fed51f	`#fed51f`
RGB Decimal	254, 213, 31	`rgb(254,213,31)`
RGB Percent	99.6, 83.5, 12.2	`rgb(99.6%,83.5%,12.2%)`
CMYK	0, 16, 88, 0
HSL	49°, 99.1, 55.9	`hsl(49,99.1%,55.9%)`
HSV (or HSB)	49°, 87.8, 99.6
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	86.386, -0.992, 82.959
XYZ	64.916, 68.761, 11.149
xyY	0.448, 0.475, 68.761
CIE-LCH	86.386, 82.965, 90.685
CIE-LUV	86.386, 35.931, 89.195
Hunter-Lab	82.922, -5.375, 50.074
Binary	11111110, 11010101, 00011111

#fed51f
```
#fed51f rgb(254,213,31)
```
#1f48fe
```
#1f48fe rgb(31,72,254)
```

Complementary Color

#fe661f
```
#fe661f rgb(254,102,31)
```
#fed51f
```
#fed51f rgb(254,213,31)
```
#b8fe1f
```
#b8fe1f rgb(184,254,31)
```

Analogous Color

#661ffe
```
#661ffe rgb(102,31,254)
```
#fed51f
```
#fed51f rgb(254,213,31)
```
#1fb8fe
```
#1fb8fe rgb(31,184,254)
```

Split Complementary Color

#d51ffe
```
#d51ffe rgb(213,31,254)
```
#fed51f
```
#fed51f rgb(254,213,31)
```
#1ffed5
```
#1ffed5 rgb(31,254,213)
```

Triadic Color

#fe1f48
```
#fe1f48 rgb(254,31,72)
```
#fed51f
```
#fed51f rgb(254,213,31)
```
#1ffed5
```
#1ffed5 rgb(31,254,213)
```
#1f48fe
```
#1f48fe rgb(31,72,254)
```

Tetradic Color

#d0aa01
```
#d0aa01 rgb(208,170,1)
```
#e9be01
```
#e9be01 rgb(233,190,1)
```
#fed006
```
#fed006 rgb(254,208,6)
```
#fed51f
```
#fed51f rgb(254,213,31)
```
#feda38
```
#feda38 rgb(254,218,56)
```
#fedf52
```
#fedf52 rgb(254,223,82)
```
#fee36b
```
#fee36b rgb(254,227,107)
```

Monochromatic Color

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

#fe9d1f
```
#fe9d1f rgb(254,157,31)
```
#feb01f
```
#feb01f rgb(254,176,31)
```
#fec21f
```
#fec21f rgb(254,194,31)
```
#fed51f
```
#fed51f rgb(254,213,31)
```
#fee81f
```
#fee81f rgb(254,232,31)
```
#fefa1f
```
#fefa1f rgb(254,250,31)
```
#effe1f
```
#effe1f rgb(239,254,31)
```

Similar Colors

Text with hexadecimal color #fed51f

This text has a font color of #fed51f.

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

#fed51f background color

This paragraph has a background color of #fed51f.

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

#fed51f border color

This element has a border color of #fed51f.

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

CSS codes

.text {color:#fed51f;}

.background {background-color:#fed51f;}

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

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)
```
#453800
```
#453800 rgb(69,56,0)
```
#584800
```
#584800 rgb(88,72,0)
```
#6c5800
```
#6c5800 rgb(108,88,0)
```
#806801
```
#806801 rgb(128,104,1)
```
#937801
```
#937801 rgb(147,120,1)
```
#a78801
```
#a78801 rgb(167,136,1)
```
#ba9801
```
#ba9801 rgb(186,152,1)
```
#cea801
```
#cea801 rgb(206,168,1)
```
#e1b801
```
#e1b801 rgb(225,184,1)
```
#f5c801
```
#f5c801 rgb(245,200,1)
```

Shade Color Variation

#fed10b
```
#fed10b rgb(254,209,11)
```
#fed51f
```
#fed51f rgb(254,213,31)
```
#fed933
```
#fed933 rgb(254,217,51)
```
#fedc46
```
#fedc46 rgb(254,220,70)
```
#fee05a
```
#fee05a rgb(254,224,90)
```
#fee46d
```
#fee46d rgb(254,228,109)
```
#fee781
```
#fee781 rgb(254,231,129)
```
#ffeb94
```
#ffeb94 rgb(255,235,148)
```
#ffefa8
```
#ffefa8 rgb(255,239,168)
```
#fff2bb
```
#fff2bb rgb(255,242,187)
```
#fff6cf
```
#fff6cf rgb(255,246,207)
```
#fffae2
```
#fffae2 rgb(255,250,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 #fed51f is the most saturated one.

#969387
```
#969387 rgb(150,147,135)
```
#9f997e
```
#9f997e rgb(159,153,126)
```
#a79e76
```
#a79e76 rgb(167,158,118)
```
#b0a46d
```
#b0a46d rgb(176,164,109)
```
#b9a964
```
#b9a964 rgb(185,169,100)
```
#c1af5c
```
#c1af5c rgb(193,175,92)
```
#cab453
```
#cab453 rgb(202,180,83)
```
#d3ba4a
```
#d3ba4a rgb(211,186,74)
```
#dbbf42
```
#dbbf42 rgb(219,191,66)
```
#e4c539
```
#e4c539 rgb(228,197,57)
```
#edca30
```
#edca30 rgb(237,202,48)
```
#f5d028
```
#f5d028 rgb(245,208,40)
```
#fed51f
```
#fed51f rgb(254,213,31)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#d7cfaa Atypical Achromatopsia 0.001% of the population

Dichromacy

#f4da2b Protanopia 1% of men
#ffd390 Deuteranopia 1% of men
#ffcdd7 Tritanopia 0.001% of the population

Trichromacy

#f7d827 Protanomaly 1% of men, 0.01% of women
#fed467 Deuteranomaly 6% of men, 0.4% of women
#fed094 Tritanomaly 0.01% of the population

#fed51f hex color

#fed51f Color Information

#fed51f Color Conversion

Color Schemes with #fed51f

Alternatives to #fed51f

#fed51f Preview

Shades and Tints of #fed51f

Tones of #fed51f

Color Blindness Simulator