#f0ed02 hex color

In a RGB color space, hex #f0ed02 is composed of 94.1% red, 92.9% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.3% magenta, 99.2% yellow and 5.9% black. It has a hue angle of 59.2 degrees, a saturation of 98.3% and a lightness of 47.5%. #f0ed02 color hex could be obtained by blending #ffff04 with #e1db00. Closest websafe color is: #ffff00.

♥
- f
- t
- g
- R 94
- G 93
- B 1
RGB color chart
- C 0
- M 1
- Y 99
- K 6
CMYK color chart

● #f0ed02 color description : Vivid yellow.

The hexadecimal color #f0ed02 has RGB values of R:240, G:237, B:2 and CMYK values of C:0, M:0.01, Y:0.99, K:0.06. Its decimal value is 15789314.

Hex triplet	f0ed02	`#f0ed02`
RGB Decimal	240, 237, 2	`rgb(240,237,2)`
RGB Percent	94.1, 92.9, 0.8	`rgb(94.1%,92.9%,0.8%)`
CMYK	0, 1, 99, 6
HSL	59.2°, 98.3, 47.5	`hsl(59.2,98.3%,47.5%)`
HSV (or HSB)	59.2°, 99.2, 94.1
Web Safe	ffff00	`#ffff00`

CIE-LAB	91.279, -19.132, 89.513
XYZ	66.231, 79.099, 11.836
xyY	0.421, 0.503, 79.099
CIE-LCH	91.279, 91.534, 102.064
CIE-LUV	91.279, 9.266, 100.007
Hunter-Lab	88.938, -22.715, 54.366
Binary	11110000, 11101101, 00000010

#f0ed02
```
#f0ed02 rgb(240,237,2)
```
#0205f0
```
#0205f0 rgb(2,5,240)
```

Complementary Color

#f07602
```
#f07602 rgb(240,118,2)
```
#f0ed02
```
#f0ed02 rgb(240,237,2)
```
#7cf002
```
#7cf002 rgb(124,240,2)
```

Analogous Color

#7602f0
```
#7602f0 rgb(118,2,240)
```
#f0ed02
```
#f0ed02 rgb(240,237,2)
```
#027cf0
```
#027cf0 rgb(2,124,240)
```

Split Complementary Color

#ed02f0
```
#ed02f0 rgb(237,2,240)
```
#f0ed02
```
#f0ed02 rgb(240,237,2)
```
#02f0ed
```
#02f0ed rgb(2,240,237)
```

Triadic Color

#f00205
```
#f00205 rgb(240,2,5)
```
#f0ed02
```
#f0ed02 rgb(240,237,2)
```
#02f0ed
```
#02f0ed rgb(2,240,237)
```
#0205f0
```
#0205f0 rgb(2,5,240)
```

Tetradic Color

#a4a201
```
#a4a201 rgb(164,162,1)
```
#bdbb02
```
#bdbb02 rgb(189,187,2)
```
#d7d402
```
#d7d402 rgb(215,212,2)
```
#f0ed02
```
#f0ed02 rgb(240,237,2)
```
#fdfa0f
```
#fdfa0f rgb(253,250,15)
```
#fdfb28
```
#fdfb28 rgb(253,251,40)
```
#fdfb41
```
#fdfb41 rgb(253,251,65)
```

Monochromatic Color

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

#f0b202
```
#f0b202 rgb(240,178,2)
```
#f0c502
```
#f0c502 rgb(240,197,2)
```
#f0d902
```
#f0d902 rgb(240,217,2)
```
#f0ed02
```
#f0ed02 rgb(240,237,2)
```
#dff002
```
#dff002 rgb(223,240,2)
```
#cbf002
```
#cbf002 rgb(203,240,2)
```
#b8f002
```
#b8f002 rgb(184,240,2)
```

Similar Colors

Text with hexadecimal color #f0ed02

This text has a font color of #f0ed02.

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

#f0ed02 background color

This paragraph has a background color of #f0ed02.

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

#f0ed02 border color

This element has a border color of #f0ed02.

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

CSS codes

.text {color:#f0ed02;}

.background {background-color:#f0ed02;}

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

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

#070600
```
#070600 rgb(7,6,0)
```
#1a1a00
```
#1a1a00 rgb(26,26,0)
```
#2d2d00
```
#2d2d00 rgb(45,45,0)
```
#414001
```
#414001 rgb(65,64,1)
```
#545301
```
#545301 rgb(84,83,1)
```
#686701
```
#686701 rgb(104,103,1)
```
#7b7a01
```
#7b7a01 rgb(123,122,1)
```
#8f8d01
```
#8f8d01 rgb(143,141,1)
```
#a2a001
```
#a2a001 rgb(162,160,1)
```
#b6b302
```
#b6b302 rgb(182,179,2)
```
#c9c702
```
#c9c702 rgb(201,199,2)
```
#ddda02
```
#ddda02 rgb(221,218,2)
```
#f0ed02
```
#f0ed02 rgb(240,237,2)
```

Shade Color Variation

#fdfa09
```
#fdfa09 rgb(253,250,9)
```
#fdfa1c
```
#fdfa1c rgb(253,250,28)
```
#fdfb30
```
#fdfb30 rgb(253,251,48)
```
#fdfb43
```
#fdfb43 rgb(253,251,67)
```
#fefb56
```
#fefb56 rgb(254,251,86)
```
#fefc6a
```
#fefc6a rgb(254,252,106)
```
#fefc7d
```
#fefc7d rgb(254,252,125)
```
#fefd91
```
#fefd91 rgb(254,253,145)
```
#fefda4
```
#fefda4 rgb(254,253,164)
```
#fefeb8
```
#fefeb8 rgb(254,254,184)
```
#fffecb
```
#fffecb rgb(255,254,203)
```
#fffedf
```
#fffedf rgb(255,254,223)
```
#fffff2
```
#fffff2 rgb(255,255,242)
```

Tint Color Variation

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

#808072
```
#808072 rgb(128,128,114)
```
#8a8968
```
#8a8968 rgb(138,137,104)
```
#93925f
```
#93925f rgb(147,146,95)
```
#9c9b56
```
#9c9b56 rgb(156,155,86)
```
#a6a44c
```
#a6a44c rgb(166,164,76)
```
#afad43
```
#afad43 rgb(175,173,67)
```
#b8b73a
```
#b8b73a rgb(184,183,58)
```
#c1c031
```
#c1c031 rgb(193,192,49)
```
#cbc927
```
#cbc927 rgb(203,201,39)
```
#d4d21e
```
#d4d21e rgb(212,210,30)
```
#dddb15
```
#dddb15 rgb(221,219,21)
```
#e7e40b
```
#e7e40b rgb(231,228,11)
```
#f0ed02
```
#f0ed02 rgb(240,237,2)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#d9d8a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe76f Protanopia 1% of men
#ffe3bf Deuteranopia 1% of men
#ffdeed Tritanopia 0.001% of the population

Trichromacy

#f9e947 Protanomaly 1% of men, 0.01% of women
#f9e67a Deuteranomaly 6% of men, 0.4% of women
#f9e497 Tritanomaly 0.01% of the population

#f0ed02 hex color

#f0ed02 Color Information

#f0ed02 Color Conversion

Color Schemes with #f0ed02

Alternatives to #f0ed02

#f0ed02 Preview

Shades and Tints of #f0ed02

Tones of #f0ed02

Color Blindness Simulator