#fed84f hex color

In a RGB color space, hex #fed84f is composed of 99.6% red, 84.7% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15% magenta, 68.9% yellow and 0.4% black. It has a hue angle of 47 degrees, a saturation of 98.9% and a lightness of 65.3%. #fed84f color hex could be obtained by blending #ffff9e with #fdb100. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 100
- G 85
- B 31
RGB color chart
- C 0
- M 15
- Y 69
- K 0
CMYK color chart

● #fed84f color description : Soft yellow.

The hexadecimal color #fed84f has RGB values of R:254, G:216, B:79 and CMYK values of C:0, M:0.15, Y:0.69, K:0. Its decimal value is 16701519.

Hex triplet	fed84f	`#fed84f`
RGB Decimal	254, 216, 79	`rgb(254,216,79)`
RGB Percent	99.6, 84.7, 31	`rgb(99.6%,84.7%,31%)`
CMYK	0, 15, 69, 0
HSL	47°, 98.9, 65.3	`hsl(47,98.9%,65.3%)`
HSV (or HSB)	47°, 68.9, 99.6
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	87.363, -0.895, 69.406
XYZ	66.841, 70.75, 17.532
xyY	0.431, 0.456, 70.75
CIE-LCH	87.363, 69.412, 90.739
CIE-LUV	87.363, 32.491, 80.6
Hunter-Lab	84.113, -5.351, 46.521
Binary	11111110, 11011000, 01001111

#fed84f
```
#fed84f rgb(254,216,79)
```
#4f75fe
```
#4f75fe rgb(79,117,254)
```

Complementary Color

#fe814f
```
#fe814f rgb(254,129,79)
```
#fed84f
```
#fed84f rgb(254,216,79)
```
#cdfe4f
```
#cdfe4f rgb(205,254,79)
```

Analogous Color

#814ffe
```
#814ffe rgb(129,79,254)
```
#fed84f
```
#fed84f rgb(254,216,79)
```
#4fcdfe
```
#4fcdfe rgb(79,205,254)
```

Split Complementary Color

#d84ffe
```
#d84ffe rgb(216,79,254)
```
#fed84f
```
#fed84f rgb(254,216,79)
```
#4ffed8
```
#4ffed8 rgb(79,254,216)
```

Triadic Color

#fe4f75
```
#fe4f75 rgb(254,79,117)
```
#fed84f
```
#fed84f rgb(254,216,79)
```
#4ffed8
```
#4ffed8 rgb(79,254,216)
```
#4f75fe
```
#4f75fe rgb(79,117,254)
```

Tetradic Color

#fec703
```
#fec703 rgb(254,199,3)
```
#fecd1c
```
#fecd1c rgb(254,205,28)
```
#fed236
```
#fed236 rgb(254,210,54)
```
#fed84f
```
#fed84f rgb(254,216,79)
```
#fede68
```
#fede68 rgb(254,222,104)
```
#fee382
```
#fee382 rgb(254,227,130)
```
#fee99b
```
#fee99b rgb(254,233,155)
```

Monochromatic Color

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

#feac4f
```
#feac4f rgb(254,172,79)
```
#febb4f
```
#febb4f rgb(254,187,79)
```
#fec94f
```
#fec94f rgb(254,201,79)
```
#fed84f
```
#fed84f rgb(254,216,79)
```
#fee74f
```
#fee74f rgb(254,231,79)
```
#fef54f
```
#fef54f rgb(254,245,79)
```
#f8fe4f
```
#f8fe4f rgb(248,254,79)
```

Similar Colors

Text with hexadecimal color #fed84f

This text has a font color of #fed84f.

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

#fed84f background color

This paragraph has a background color of #fed84f.

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

#fed84f border color

This element has a border color of #fed84f.

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

CSS codes

.text {color:#fed84f;}

.background {background-color:#fed84f;}

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

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, #130f00 is the darkest color, while #ffffff is the lightest one.

#130f00
```
#130f00 rgb(19,15,0)
```
#271e00
```
#271e00 rgb(39,30,0)
```
#3a2e00
```
#3a2e00 rgb(58,46,0)
```
#4e3d00
```
#4e3d00 rgb(78,61,0)
```
#614c01
```
#614c01 rgb(97,76,1)
```
#755b01
```
#755b01 rgb(117,91,1)
```
#886b01
```
#886b01 rgb(136,107,1)
```
#9c7a01
```
#9c7a01 rgb(156,122,1)
```
#af8901
```
#af8901 rgb(175,137,1)
```
#c39901
```
#c39901 rgb(195,153,1)
```
#d6a801
```
#d6a801 rgb(214,168,1)
```
#eab701
```
#eab701 rgb(234,183,1)
```
#fdc601
```
#fdc601 rgb(253,198,1)
```

Shade Color Variation

#fecb14
```
#fecb14 rgb(254,203,20)
```
#fecf28
```
#fecf28 rgb(254,207,40)
```
#fed43b
```
#fed43b rgb(254,212,59)
```
#fed84f
```
#fed84f rgb(254,216,79)
```
#fedc63
```
#fedc63 rgb(254,220,99)
```
#fee176
```
#fee176 rgb(254,225,118)
```
#fee58a
```
#fee58a rgb(254,229,138)
```
#fee99d
```
#fee99d rgb(254,233,157)
```
#ffeeb1
```
#ffeeb1 rgb(255,238,177)
```
#fff2c4
```
#fff2c4 rgb(255,242,196)
```
#fff6d8
```
#fff6d8 rgb(255,246,216)
```
#fffbeb
```
#fffbeb rgb(255,251,235)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#acaaa1
```
#acaaa1 rgb(172,170,161)
```
#b3ae9a
```
#b3ae9a rgb(179,174,154)
```
#bab193
```
#bab193 rgb(186,177,147)
```
#c1b58c
```
#c1b58c rgb(193,181,140)
```
#c8b985
```
#c8b985 rgb(200,185,133)
```
#cebd7f
```
#cebd7f rgb(206,189,127)
```
#d5c178
```
#d5c178 rgb(213,193,120)
```
#dcc571
```
#dcc571 rgb(220,197,113)
```
#e3c96a
```
#e3c96a rgb(227,201,106)
```
#eacc63
```
#eacc63 rgb(234,204,99)
```
#f0d05d
```
#f0d05d rgb(240,208,93)
```
#f7d456
```
#f7d456 rgb(247,212,86)
```
#fed84f
```
#fed84f rgb(254,216,79)
```

Tone Color Variation

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

Dichromacy

#f5dd59 Protanopia 1% of men
#ffd69d Deuteranopia 1% of men
#ffd1db Tritanopia 0.001% of the population

Trichromacy

#f8db55 Protanomaly 1% of men, 0.01% of women
#fed781 Deuteranomaly 6% of men, 0.4% of women
#fed3a8 Tritanomaly 0.01% of the population

#fed84f hex color

#fed84f Color Information

#fed84f Color Conversion

Color Schemes with #fed84f

Alternatives to #fed84f

#fed84f Preview

Shades and Tints of #fed84f

Tones of #fed84f

Color Blindness Simulator