#f2fa96 hex color

In a RGB color space, hex #f2fa96 is composed of 94.9% red, 98% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 3.2% cyan, 0% magenta, 40% yellow and 2% black. It has a hue angle of 64.8 degrees, a saturation of 90.9% and a lightness of 78.4%. #f2fa96 color hex could be obtained by blending #ffffff with #e5f52d. Closest websafe color is: #ffff99.

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

● #f2fa96 color description : Very soft yellow.

The hexadecimal color #f2fa96 has RGB values of R:242, G:250, B:150 and CMYK values of C:0.03, M:0, Y:0.4, K:0.02. Its decimal value is 15923862.

Hex triplet	f2fa96	`#f2fa96`
RGB Decimal	242, 250, 150	`rgb(242,250,150)`
RGB Percent	94.9, 98, 58.8	`rgb(94.9%,98%,58.8%)`
CMYK	3, 0, 40, 2
HSL	64.8°, 90.9, 78.4	`hsl(64.8,90.9%,78.4%)`
HSV (or HSB)	64.8°, 40, 98
Web Safe	ffff99	`#ffff99`

CIE-LAB	95.769, -17.053, 47.003
XYZ	76.308, 89.451, 42.098
xyY	0.367, 0.43, 89.451
CIE-LCH	95.769, 50.001, 109.942
CIE-LUV	95.769, -0.248, 65.923
Hunter-Lab	94.579, -21.496, 39.814
Binary	11110010, 11111010, 10010110

#f2fa96
```
#f2fa96 rgb(242,250,150)
```
#9e96fa
```
#9e96fa rgb(158,150,250)
```

Complementary Color

#fad096
```
#fad096 rgb(250,208,150)
```
#f2fa96
```
#f2fa96 rgb(242,250,150)
```
#c0fa96
```
#c0fa96 rgb(192,250,150)
```

Analogous Color

#d096fa
```
#d096fa rgb(208,150,250)
```
#f2fa96
```
#f2fa96 rgb(242,250,150)
```
#96c0fa
```
#96c0fa rgb(150,192,250)
```

Split Complementary Color

#fa96f2
```
#fa96f2 rgb(250,150,242)
```
#f2fa96
```
#f2fa96 rgb(242,250,150)
```
#96f2fa
```
#96f2fa rgb(150,242,250)
```

Triadic Color

#fa9e96
```
#fa9e96 rgb(250,158,150)
```
#f2fa96
```
#f2fa96 rgb(242,250,150)
```
#96f2fa
```
#96f2fa rgb(150,242,250)
```
#9e96fa
```
#9e96fa rgb(158,150,250)
```

Tetradic Color

#e9f74d
```
#e9f74d rgb(233,247,77)
```
#ecf865
```
#ecf865 rgb(236,248,101)
```
#eff97e
```
#eff97e rgb(239,249,126)
```
#f2fa96
```
#f2fa96 rgb(242,250,150)
```
#f5fbae
```
#f5fbae rgb(245,251,174)
```
#f8fcc7
```
#f8fcc7 rgb(248,252,199)
```
#fbfddf
```
#fbfddf rgb(251,253,223)
```

Monochromatic Color

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

#fae996
```
#fae996 rgb(250,233,150)
```
#faf196
```
#faf196 rgb(250,241,150)
```
#fafa96
```
#fafa96 rgb(250,250,150)
```
#f2fa96
```
#f2fa96 rgb(242,250,150)
```
#eafa96
```
#eafa96 rgb(234,250,150)
```
#e1fa96
```
#e1fa96 rgb(225,250,150)
```
#d9fa96
```
#d9fa96 rgb(217,250,150)
```

Similar Colors

Text with hexadecimal color #f2fa96

This text has a font color of #f2fa96.

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

#f2fa96 background color

This paragraph has a background color of #f2fa96.

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

#f2fa96 border color

This element has a border color of #f2fa96.

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

CSS codes

.text {color:#f2fa96;}

.background {background-color:#f2fa96;}

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

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

#070700
```
#070700 rgb(7,7,0)
```
#181a01
```
#181a01 rgb(24,26,1)
```
#292d02
```
#292d02 rgb(41,45,2)
```
#3b4003
```
#3b4003 rgb(59,64,3)
```
#4c5204
```
#4c5204 rgb(76,82,4)
```
#5d6505
```
#5d6505 rgb(93,101,5)
```
#6f7806
```
#6f7806 rgb(111,120,6)
```
#808a07
```
#808a07 rgb(128,138,7)
```
#919d07
```
#919d07 rgb(145,157,7)
```
#a2b008
```
#a2b008 rgb(162,176,8)
```
#b4c309
```
#b4c309 rgb(180,195,9)
```
#c5d50a
```
#c5d50a rgb(197,213,10)
```
#d6e80b
```
#d6e80b rgb(214,232,11)
```

Shade Color Variation

#e2f413
```
#e2f413 rgb(226,244,19)
```
#e4f526
```
#e4f526 rgb(228,245,38)
```
#e6f638
```
#e6f638 rgb(230,246,56)
```
#e9f64b
```
#e9f64b rgb(233,246,75)
```
#ebf75e
```
#ebf75e rgb(235,247,94)
```
#edf871
```
#edf871 rgb(237,248,113)
```
#f0f983
```
#f0f983 rgb(240,249,131)
```
#f2fa96
```
#f2fa96 rgb(242,250,150)
```
#f4fba9
```
#f4fba9 rgb(244,251,169)
```
#f7fcbb
```
#f7fcbb rgb(247,252,187)
```
#f9fdce
```
#f9fdce rgb(249,253,206)
```
#fbfee1
```
#fbfee1 rgb(251,254,225)
```
#fefef4
```
#fefef4 rgb(254,254,244)
```

Tint Color Variation

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

#cbcbc5
```
#cbcbc5 rgb(203,203,197)
```
#ced0c0
```
#ced0c0 rgb(206,208,192)
```
#d2d4bc
```
#d2d4bc rgb(210,212,188)
```
#d6d8b8
```
#d6d8b8 rgb(214,216,184)
```
#d9dcb4
```
#d9dcb4 rgb(217,220,180)
```
#dde1af
```
#dde1af rgb(221,225,175)
```
#e0e5ab
```
#e0e5ab rgb(224,229,171)
```
#e4e9a7
```
#e4e9a7 rgb(228,233,167)
```
#e7eda3
```
#e7eda3 rgb(231,237,163)
```
#ebf29e
```
#ebf29e rgb(235,242,158)
```
#eef69a
```
#eef69a rgb(238,246,154)
```
#f2fa96
```
#f2fa96 rgb(242,250,150)
```
#f6fe92
```
#f6fe92 rgb(246,254,146)
```

Tone Color Variation

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

#ececec Achromatopsia 0.005% of the population
#edefdb Atypical Achromatopsia 0.001% of the population

Dichromacy

#fff3cb Protanopia 1% of men
#fff1e4 Deuteranopia 1% of men
#ffeefe Tritanopia 0.001% of the population

Trichromacy

#faf5b8 Protanomaly 1% of men, 0.01% of women
#faf4c8 Deuteranomaly 6% of men, 0.4% of women
#faf2d8 Tritanomaly 0.01% of the population

#f2fa96 hex color

#f2fa96 Color Information

#f2fa96 Color Conversion

Color Schemes with #f2fa96

Alternatives to #f2fa96

#f2fa96 Preview

Shades and Tints of #f2fa96

Tones of #f2fa96

Color Blindness Simulator