#f5e980 hex color

In a RGB color space, hex #f5e980 is composed of 96.1% red, 91.4% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.9% magenta, 47.8% yellow and 3.9% black. It has a hue angle of 53.8 degrees, a saturation of 85.4% and a lightness of 73.1%. #f5e980 color hex could be obtained by blending #ffffff with #ebd301. Closest websafe color is: #ffff99.

♥
- f
- t
- g
- R 96
- G 91
- B 50
RGB color chart
- C 0
- M 5
- Y 48
- K 4
CMYK color chart

● #f5e980 color description : Soft yellow.

The hexadecimal color #f5e980 has RGB values of R:245, G:233, B:128 and CMYK values of C:0, M:0.05, Y:0.48, K:0.04. Its decimal value is 16116096.

Hex triplet	f5e980	`#f5e980`
RGB Decimal	245, 233, 128	`rgb(245,233,128)`
RGB Percent	96.1, 91.4, 50.2	`rgb(96.1%,91.4%,50.2%)`
CMYK	0, 5, 48, 4
HSL	53.8°, 85.4, 73.1	`hsl(53.8,85.4%,73.1%)`
HSV (or HSB)	53.8°, 47.8, 96.1
Web Safe	ffff99	`#ffff99`

CIE-LAB	91.347, -9.69, 52.118
XYZ	70.691, 79.25, 31.994
xyY	0.389, 0.436, 79.25
CIE-LCH	91.347, 53.011, 100.532
CIE-LUV	91.347, 12.798, 68.737
Hunter-Lab	89.023, -14.046, 41.007
Binary	11110101, 11101001, 10000000

#f5e980
```
#f5e980 rgb(245,233,128)
```
#808cf5
```
#808cf5 rgb(128,140,245)
```

Complementary Color

#f5af80
```
#f5af80 rgb(245,175,128)
```
#f5e980
```
#f5e980 rgb(245,233,128)
```
#c7f580
```
#c7f580 rgb(199,245,128)
```

Analogous Color

#af80f5
```
#af80f5 rgb(175,128,245)
```
#f5e980
```
#f5e980 rgb(245,233,128)
```
#80c7f5
```
#80c7f5 rgb(128,199,245)
```

Split Complementary Color

#e980f5
```
#e980f5 rgb(233,128,245)
```
#f5e980
```
#f5e980 rgb(245,233,128)
```
#80f5e9
```
#80f5e9 rgb(128,245,233)
```

Triadic Color

#f5808c
```
#f5808c rgb(245,128,140)
```
#f5e980
```
#f5e980 rgb(245,233,128)
```
#80f5e9
```
#80f5e9 rgb(128,245,233)
```
#808cf5
```
#808cf5 rgb(128,140,245)
```

Tetradic Color

#efdd39
```
#efdd39 rgb(239,221,57)
```
#f1e151
```
#f1e151 rgb(241,225,81)
```
#f3e568
```
#f3e568 rgb(243,229,104)
```
#f5e980
```
#f5e980 rgb(245,233,128)
```
#f7ed98
```
#f7ed98 rgb(247,237,152)
```
#f9f1af
```
#f9f1af rgb(249,241,175)
```
#fbf5c7
```
#fbf5c7 rgb(251,245,199)
```

Monochromatic Color

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

#f5cc80
```
#f5cc80 rgb(245,204,128)
```
#f5d680
```
#f5d680 rgb(245,214,128)
```
#f5df80
```
#f5df80 rgb(245,223,128)
```
#f5e980
```
#f5e980 rgb(245,233,128)
```
#f5f380
```
#f5f380 rgb(245,243,128)
```
#eef580
```
#eef580 rgb(238,245,128)
```
#e4f580
```
#e4f580 rgb(228,245,128)
```

Similar Colors

Text with hexadecimal color #f5e980

This text has a font color of #f5e980.

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

#f5e980 background color

This paragraph has a background color of #f5e980.

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

#f5e980 border color

This element has a border color of #f5e980.

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

CSS codes

.text {color:#f5e980;}

.background {background-color:#f5e980;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#121101
```
#121101 rgb(18,17,1)
```
#252103
```
#252103 rgb(37,33,3)
```
#373204
```
#373204 rgb(55,50,4)
```
#494206
```
#494206 rgb(73,66,6)
```
#5b5307
```
#5b5307 rgb(91,83,7)
```
#6d6309
```
#6d6309 rgb(109,99,9)
```
#80740a
```
#80740a rgb(128,116,10)
```
#92840b
```
#92840b rgb(146,132,11)
```
#a4940d
```
#a4940d rgb(164,148,13)
```
#b6a50e
```
#b6a50e rgb(182,165,14)
```
#c8b510
```
#c8b510 rgb(200,181,16)
```
#dac611
```
#dac611 rgb(218,198,17)
```

Shade Color Variation

#ecd613
```
#ecd613 rgb(236,214,19)
```
#eed925
```
#eed925 rgb(238,217,37)
```
#efdc37
```
#efdc37 rgb(239,220,55)
```
#f1e049
```
#f1e049 rgb(241,224,73)
```
#f2e35c
```
#f2e35c rgb(242,227,92)
```
#f4e66e
```
#f4e66e rgb(244,230,110)
```
#f5e980
```
#f5e980 rgb(245,233,128)
```
#f6ec92
```
#f6ec92 rgb(246,236,146)
```
#f8efa4
```
#f8efa4 rgb(248,239,164)
```
#f9f2b7
```
#f9f2b7 rgb(249,242,183)
```
#fbf6c9
```
#fbf6c9 rgb(251,246,201)
```
#fcf9db
```
#fcf9db rgb(252,249,219)
```
#fefced
```
#fefced rgb(254,252,237)
```

Tint Color Variation

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

#bbbbba
```
#bbbbba rgb(187,187,186)
```
#c0bfb5
```
#c0bfb5 rgb(192,191,181)
```
#c6c3af
```
#c6c3af rgb(198,195,175)
```
#cbc7aa
```
#cbc7aa rgb(203,199,170)
```
#d0cca5
```
#d0cca5 rgb(208,204,165)
```
#d5d0a0
```
#d5d0a0 rgb(213,208,160)
```
#dbd49a
```
#dbd49a rgb(219,212,154)
```
#e0d895
```
#e0d895 rgb(224,216,149)
```
#e5dc90
```
#e5dc90 rgb(229,220,144)
```
#eae18b
```
#eae18b rgb(234,225,139)
```
#f0e585
```
#f0e585 rgb(240,229,133)
```
#f5e980
```
#f5e980 rgb(245,233,128)
```
#faed7b
```
#faed7b rgb(250,237,123)
```

Tone Color Variation

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

#e1e1e1 Achromatopsia 0.005% of the population
#e5e3ce Atypical Achromatopsia 0.001% of the population

Dichromacy

#fde785 Protanopia 1% of men
#ffe3c4 Deuteranopia 1% of men
#ffdfed Tritanopia 0.001% of the population

Trichromacy

#fae883 Protanomaly 1% of men, 0.01% of women
#fbe5ab Deuteranomaly 6% of men, 0.4% of women
#fbe2c5 Tritanomaly 0.01% of the population

#f5e980 hex color

#f5e980 Color Information

#f5e980 Color Conversion

Color Schemes with #f5e980

Alternatives to #f5e980

#f5e980 Preview

Shades and Tints of #f5e980

Tones of #f5e980

Color Blindness Simulator