#f2f94f hex color

In a RGB color space, hex #f2f94f is composed of 94.9% red, 97.6% green and 31% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 0% magenta, 68.3% yellow and 2.4% black. It has a hue angle of 62.5 degrees, a saturation of 93.4% and a lightness of 64.3%. #f2f94f color hex could be obtained by blending #ffff9e with #e5f300. Closest websafe color is: #ffff66.

♥
- f
- t
- g
- R 95
- G 98
- B 31
RGB color chart
- C 3
- M 0
- Y 68
- K 2
CMYK color chart

● #f2f94f color description : Soft yellow.

The hexadecimal color #f2f94f has RGB values of R:242, G:249, B:79 and CMYK values of C:0.03, M:0, Y:0.68, K:0.02. Its decimal value is 15923535.

Hex triplet	f2f94f	`#f2f94f`
RGB Decimal	242, 249, 79	`rgb(242,249,79)`
RGB Percent	94.9, 97.6, 31	`rgb(94.9%,97.6%,31%)`
CMYK	3, 0, 68, 2
HSL	62.5°, 93.4, 64.3	`hsl(62.5,93.4%,64.3%)`
HSV (or HSB)	62.5°, 68.3, 97.6
Web Safe	ffff66	`#ffff66`

CIE-LAB	94.821, -22.082, 76.555
XYZ	71.905, 87.194, 20.439
xyY	0.4, 0.486, 87.194
CIE-LCH	94.821, 79.676, 106.09
CIE-LUV	94.821, 2.143, 93.927
Hunter-Lab	93.378, -25.959, 52.387
Binary	11110010, 11111001, 01001111

#f2f94f
```
#f2f94f rgb(242,249,79)
```
#564ff9
```
#564ff9 rgb(86,79,249)
```

Complementary Color

#f9ab4f
```
#f9ab4f rgb(249,171,79)
```
#f2f94f
```
#f2f94f rgb(242,249,79)
```
#9df94f
```
#9df94f rgb(157,249,79)
```

Analogous Color

#ab4ff9
```
#ab4ff9 rgb(171,79,249)
```
#f2f94f
```
#f2f94f rgb(242,249,79)
```
#4f9df9
```
#4f9df9 rgb(79,157,249)
```

Split Complementary Color

#f94ff2
```
#f94ff2 rgb(249,79,242)
```
#f2f94f
```
#f2f94f rgb(242,249,79)
```
#4ff2f9
```
#4ff2f9 rgb(79,242,249)
```

Triadic Color

#f9564f
```
#f9564f rgb(249,86,79)
```
#f2f94f
```
#f2f94f rgb(242,249,79)
```
#4ff2f9
```
#4ff2f9 rgb(79,242,249)
```
#564ff9
```
#564ff9 rgb(86,79,249)
```

Tetradic Color

#eaf308
```
#eaf308 rgb(234,243,8)
```
#eef71e
```
#eef71e rgb(238,247,30)
```
#f0f836
```
#f0f836 rgb(240,248,54)
```
#f2f94f
```
#f2f94f rgb(242,249,79)
```
#f4fa68
```
#f4fa68 rgb(244,250,104)
```
#f6fb80
```
#f6fb80 rgb(246,251,128)
```
#f7fc99
```
#f7fc99 rgb(247,252,153)
```

Monochromatic Color

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

#f9d64f
```
#f9d64f rgb(249,214,79)
```
#f9e44f
```
#f9e44f rgb(249,228,79)
```
#f9f24f
```
#f9f24f rgb(249,242,79)
```
#f2f94f
```
#f2f94f rgb(242,249,79)
```
#e4f94f
```
#e4f94f rgb(228,249,79)
```
#d6f94f
```
#d6f94f rgb(214,249,79)
```
#c8f94f
```
#c8f94f rgb(200,249,79)
```

Similar Colors

Text with hexadecimal color #f2f94f

This text has a font color of #f2f94f.

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

#f2f94f background color

This paragraph has a background color of #f2f94f.

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

#f2f94f border color

This element has a border color of #f2f94f.

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

CSS codes

.text {color:#f2f94f;}

.background {background-color:#f2f94f;}

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

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, #0d0e00 is the darkest color, while #fffffa is the lightest one.

#0d0e00
```
#0d0e00 rgb(13,14,0)
```
#1f2101
```
#1f2101 rgb(31,33,1)
```
#323402
```
#323402 rgb(50,52,2)
```
#444702
```
#444702 rgb(68,71,2)
```
#565a03
```
#565a03 rgb(86,90,3)
```
#686d04
```
#686d04 rgb(104,109,4)
```
#7a7f04
```
#7a7f04 rgb(122,127,4)
```
#8d9205
```
#8d9205 rgb(141,146,5)
```
#9fa506
```
#9fa506 rgb(159,165,6)
```
#b1b806
```
#b1b806 rgb(177,184,6)
```
#c3cb07
```
#c3cb07 rgb(195,203,7)
```
#d6de08
```
#d6de08 rgb(214,222,8)
```
#e8f108
```
#e8f108 rgb(232,241,8)
```

Shade Color Variation

#eef716
```
#eef716 rgb(238,247,22)
```
#eff829
```
#eff829 rgb(239,248,41)
```
#f1f83c
```
#f1f83c rgb(241,248,60)
```
#f2f94f
```
#f2f94f rgb(242,249,79)
```
#f3fa62
```
#f3fa62 rgb(243,250,98)
```
#f5fa75
```
#f5fa75 rgb(245,250,117)
```
#f6fb88
```
#f6fb88 rgb(246,251,136)
```
#f8fc9b
```
#f8fc9b rgb(248,252,155)
```
#f9fcae
```
#f9fcae rgb(249,252,174)
```
#fafdc1
```
#fafdc1 rgb(250,253,193)
```
#fcfed4
```
#fcfed4 rgb(252,254,212)
```
#fdfee7
```
#fdfee7 rgb(253,254,231)
```
#fffffa
```
#fffffa rgb(255,255,250)
```

Tint Color Variation

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

#a5a5a3
```
#a5a5a3 rgb(165,165,163)
```
#abac9c
```
#abac9c rgb(171,172,156)
```
#b2b395
```
#b2b395 rgb(178,179,149)
```
#b8ba8e
```
#b8ba8e rgb(184,186,142)
```
#bfc187
```
#bfc187 rgb(191,193,135)
```
#c5c880
```
#c5c880 rgb(197,200,128)
```
#cbcf79
```
#cbcf79 rgb(203,207,121)
```
#d2d672
```
#d2d672 rgb(210,214,114)
```
#d8dd6b
```
#d8dd6b rgb(216,221,107)
```
#dfe464
```
#dfe464 rgb(223,228,100)
```
#e5eb5d
```
#e5eb5d rgb(229,235,93)
```
#ecf256
```
#ecf256 rgb(236,242,86)
```
#f2f94f
```
#f2f94f rgb(242,249,79)
```

Tone Color Variation

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

#e4e4e4 Achromatopsia 0.005% of the population
#e7e8c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fff1bb Protanopia 1% of men
#ffeedb Deuteranopia 1% of men
#ffebf8 Tritanopia 0.001% of the population

Trichromacy

#faf393 Protanomaly 1% of men, 0.01% of women
#faf2a8 Deuteranomaly 6% of men, 0.4% of women
#faf0ba Tritanomaly 0.01% of the population

#f2f94f hex color

#f2f94f Color Information

#f2f94f Color Conversion

Color Schemes with #f2f94f

Alternatives to #f2f94f

#f2f94f Preview

Shades and Tints of #f2f94f

Tones of #f2f94f

Color Blindness Simulator