#f0f580 hex color

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

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

● #f0f580 color description : Soft yellow.

The hexadecimal color #f0f580 has RGB values of R:240, G:245, B:128 and CMYK values of C:0.02, M:0, Y:0.48, K:0.04. Its decimal value is 15791488.

Hex triplet	f0f580	`#f0f580`
RGB Decimal	240, 245, 128	`rgb(240,245,128)`
RGB Percent	94.1, 96.1, 50.2	`rgb(94.1%,96.1%,50.2%)`
CMYK	2, 0, 48, 4
HSL	62.6°, 85.4, 73.1	`hsl(62.6,85.4%,73.1%)`
HSV (or HSB)	62.6°, 47.8, 96.1
Web Safe	ffff99	`#ffff99`

CIE-LAB	94.051, -17.545, 55.285
XYZ	72.483, 85.389, 33.084
xyY	0.38, 0.447, 85.389
CIE-LCH	94.051, 58.002, 107.607
CIE-LUV	94.051, 2.151, 74.248
Hunter-Lab	92.406, -21.696, 43.457
Binary	11110000, 11110101, 10000000

#f0f580
```
#f0f580 rgb(240,245,128)
```
#8580f5
```
#8580f5 rgb(133,128,245)
```

Complementary Color

#f5c080
```
#f5c080 rgb(245,192,128)
```
#f0f580
```
#f0f580 rgb(240,245,128)
```
#b6f580
```
#b6f580 rgb(182,245,128)
```

Analogous Color

#c080f5
```
#c080f5 rgb(192,128,245)
```
#f0f580
```
#f0f580 rgb(240,245,128)
```
#80b6f5
```
#80b6f5 rgb(128,182,245)
```

Split Complementary Color

#f580f0
```
#f580f0 rgb(245,128,240)
```
#f0f580
```
#f0f580 rgb(240,245,128)
```
#80f0f5
```
#80f0f5 rgb(128,240,245)
```

Triadic Color

#f58580
```
#f58580 rgb(245,133,128)
```
#f0f580
```
#f0f580 rgb(240,245,128)
```
#80f0f5
```
#80f0f5 rgb(128,240,245)
```
#8580f5
```
#8580f5 rgb(133,128,245)
```

Tetradic Color

#e8ef39
```
#e8ef39 rgb(232,239,57)
```
#eaf151
```
#eaf151 rgb(234,241,81)
```
#edf368
```
#edf368 rgb(237,243,104)
```
#f0f580
```
#f0f580 rgb(240,245,128)
```
#f3f798
```
#f3f798 rgb(243,247,152)
```
#f6f9af
```
#f6f9af rgb(246,249,175)
```
#f8fbc7
```
#f8fbc7 rgb(248,251,199)
```

Monochromatic Color

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

#f5dd80
```
#f5dd80 rgb(245,221,128)
```
#f5e780
```
#f5e780 rgb(245,231,128)
```
#f5f080
```
#f5f080 rgb(245,240,128)
```
#f0f580
```
#f0f580 rgb(240,245,128)
```
#e6f580
```
#e6f580 rgb(230,245,128)
```
#ddf580
```
#ddf580 rgb(221,245,128)
```
#d3f580
```
#d3f580 rgb(211,245,128)
```

Similar Colors

Text with hexadecimal color #f0f580

This text has a font color of #f0f580.

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

#f0f580 background color

This paragraph has a background color of #f0f580.

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

#f0f580 border color

This element has a border color of #f0f580.

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

CSS codes

.text {color:#f0f580;}

.background {background-color:#f0f580;}

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

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 #fdfeed is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#121201
```
#121201 rgb(18,18,1)
```
#232503
```
#232503 rgb(35,37,3)
```
#353704
```
#353704 rgb(53,55,4)
```
#464906
```
#464906 rgb(70,73,6)
```
#585b07
```
#585b07 rgb(88,91,7)
```
#696d09
```
#696d09 rgb(105,109,9)
```
#7b800a
```
#7b800a rgb(123,128,10)
```
#8c920b
```
#8c920b rgb(140,146,11)
```
#9da40d
```
#9da40d rgb(157,164,13)
```
#afb60e
```
#afb60e rgb(175,182,14)
```
#c0c810
```
#c0c810 rgb(192,200,16)
```
#d2da11
```
#d2da11 rgb(210,218,17)
```

Shade Color Variation

#e3ec13
```
#e3ec13 rgb(227,236,19)
```
#e5ee25
```
#e5ee25 rgb(229,238,37)
```
#e7ef37
```
#e7ef37 rgb(231,239,55)
```
#eaf149
```
#eaf149 rgb(234,241,73)
```
#ecf25c
```
#ecf25c rgb(236,242,92)
```
#eef46e
```
#eef46e rgb(238,244,110)
```
#f0f580
```
#f0f580 rgb(240,245,128)
```
#f2f692
```
#f2f692 rgb(242,246,146)
```
#f4f8a4
```
#f4f8a4 rgb(244,248,164)
```
#f6f9b7
```
#f6f9b7 rgb(246,249,183)
```
#f9fbc9
```
#f9fbc9 rgb(249,251,201)
```
#fbfcdb
```
#fbfcdb rgb(251,252,219)
```
#fdfeed
```
#fdfeed rgb(253,254,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 #f5fa7b is the most saturated one.

#bbbbba
```
#bbbbba rgb(187,187,186)
```
#c0c0b5
```
#c0c0b5 rgb(192,192,181)
```
#c5c6af
```
#c5c6af rgb(197,198,175)
```
#c9cbaa
```
#c9cbaa rgb(201,203,170)
```
#ced0a5
```
#ced0a5 rgb(206,208,165)
```
#d3d5a0
```
#d3d5a0 rgb(211,213,160)
```
#d8db9a
```
#d8db9a rgb(216,219,154)
```
#dde095
```
#dde095 rgb(221,224,149)
```
#e2e590
```
#e2e590 rgb(226,229,144)
```
#e6ea8b
```
#e6ea8b rgb(230,234,139)
```
#ebf085
```
#ebf085 rgb(235,240,133)
```
#f0f580
```
#f0f580 rgb(240,245,128)
```
#f5fa7b
```
#f5fa7b rgb(245,250,123)
```

Tone Color Variation

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

#e6e6e6 Achromatopsia 0.005% of the population
#e8e9d2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeeb0 Protanopia 1% of men
#ffebd8 Deuteranopia 1% of men
#fee8f9 Tritanopia 0.001% of the population

Trichromacy

#f9f19f Protanomaly 1% of men, 0.01% of women
#f9efb8 Deuteranomaly 6% of men, 0.4% of women
#f9edcd Tritanomaly 0.01% of the population

#f0f580 hex color

#f0f580 Color Information

#f0f580 Color Conversion

Color Schemes with #f0f580

Alternatives to #f0f580

#f0f580 Preview

Shades and Tints of #f0f580

Tones of #f0f580

Color Blindness Simulator