#f2fb96 hex color

In a RGB color space, hex #f2fb96 is composed of 94.9% red, 98.4% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 3.6% cyan, 0% magenta, 40.2% yellow and 1.6% black. It has a hue angle of 65.3 degrees, a saturation of 92.7% and a lightness of 78.6%. #f2fb96 color hex could be obtained by blending #ffffff with #e5f72d. Closest websafe color is: #ffff99.

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

● #f2fb96 color description : Very soft yellow.

The hexadecimal color #f2fb96 has RGB values of R:242, G:251, B:150 and CMYK values of C:0.04, M:0, Y:0.4, K:0.02. Its decimal value is 15924118.

Hex triplet	f2fb96	`#f2fb96`
RGB Decimal	242, 251, 150	`rgb(242,251,150)`
RGB Percent	94.9, 98.4, 58.8	`rgb(94.9%,98.4%,58.8%)`
CMYK	4, 0, 40, 2
HSL	65.3°, 92.7, 78.6	`hsl(65.3,92.7%,78.6%)`
HSV (or HSB)	65.3°, 40.2, 98.4
Web Safe	ffff99	`#ffff99`

CIE-LAB	96.027, -17.538, 47.329
XYZ	76.619, 90.074, 42.202
xyY	0.367, 0.431, 90.074
CIE-LCH	96.027, 50.474, 110.332
CIE-LUV	96.027, -0.83, 66.431
Hunter-Lab	94.907, -21.984, 40.071
Binary	11110010, 11111011, 10010110

#f2fb96
```
#f2fb96 rgb(242,251,150)
```
#9f96fb
```
#9f96fb rgb(159,150,251)
```

Complementary Color

#fbd296
```
#fbd296 rgb(251,210,150)
```
#f2fb96
```
#f2fb96 rgb(242,251,150)
```
#c0fb96
```
#c0fb96 rgb(192,251,150)
```

Analogous Color

#d296fb
```
#d296fb rgb(210,150,251)
```
#f2fb96
```
#f2fb96 rgb(242,251,150)
```
#96c0fb
```
#96c0fb rgb(150,192,251)
```

Split Complementary Color

#fb96f2
```
#fb96f2 rgb(251,150,242)
```
#f2fb96
```
#f2fb96 rgb(242,251,150)
```
#96f2fb
```
#96f2fb rgb(150,242,251)
```

Triadic Color

#fb9f96
```
#fb9f96 rgb(251,159,150)
```
#f2fb96
```
#f2fb96 rgb(242,251,150)
```
#96f2fb
```
#96f2fb rgb(150,242,251)
```
#9f96fb
```
#9f96fb rgb(159,150,251)
```

Tetradic Color

#e9f84c
```
#e9f84c rgb(233,248,76)
```
#ecf965
```
#ecf965 rgb(236,249,101)
```
#effa7d
```
#effa7d rgb(239,250,125)
```
#f2fb96
```
#f2fb96 rgb(242,251,150)
```
#f5fcaf
```
#f5fcaf rgb(245,252,175)
```
#f8fdc7
```
#f8fdc7 rgb(248,253,199)
```
#fbfee0
```
#fbfee0 rgb(251,254,224)
```

Monochromatic Color

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

#fbeb96
```
#fbeb96 rgb(251,235,150)
```
#fbf396
```
#fbf396 rgb(251,243,150)
```
#fafb96
```
#fafb96 rgb(250,251,150)
```
#f2fb96
```
#f2fb96 rgb(242,251,150)
```
#eafb96
```
#eafb96 rgb(234,251,150)
```
#e1fb96
```
#e1fb96 rgb(225,251,150)
```
#d9fb96
```
#d9fb96 rgb(217,251,150)
```

Similar Colors

Text with hexadecimal color #f2fb96

This text has a font color of #f2fb96.

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

#f2fb96 background color

This paragraph has a background color of #f2fb96.

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

#f2fb96 border color

This element has a border color of #f2fb96.

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

CSS codes

.text {color:#f2fb96;}

.background {background-color:#f2fb96;}

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

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

#080800
```
#080800 rgb(8,8,0)
```
#191b01
```
#191b01 rgb(25,27,1)
```
#2a2e02
```
#2a2e02 rgb(42,46,2)
```
#3b4102
```
#3b4102 rgb(59,65,2)
```
#4d5403
```
#4d5403 rgb(77,84,3)
```
#5e6704
```
#5e6704 rgb(94,103,4)
```
#6f7a05
```
#6f7a05 rgb(111,122,5)
```
#818d05
```
#818d05 rgb(129,141,5)
```
#92a006
```
#92a006 rgb(146,160,6)
```
#a3b207
```
#a3b207 rgb(163,178,7)
```
#b4c508
```
#b4c508 rgb(180,197,8)
```
#c6d808
```
#c6d808 rgb(198,216,8)
```
#d7eb09
```
#d7eb09 rgb(215,235,9)
```

Shade Color Variation

#e2f612
```
#e2f612 rgb(226,246,18)
```
#e4f725
```
#e4f725 rgb(228,247,37)
```
#e6f738
```
#e6f738 rgb(230,247,56)
```
#e9f84a
```
#e9f84a rgb(233,248,74)
```
#ebf95d
```
#ebf95d rgb(235,249,93)
```
#edfa70
```
#edfa70 rgb(237,250,112)
```
#f0fa83
```
#f0fa83 rgb(240,250,131)
```
#f2fb96
```
#f2fb96 rgb(242,251,150)
```
#f4fca9
```
#f4fca9 rgb(244,252,169)
```
#f7fcbc
```
#f7fcbc rgb(247,252,188)
```
#f9fdcf
```
#f9fdcf rgb(249,253,207)
```
#fbfee2
```
#fbfee2 rgb(251,254,226)
```
#fefff4
```
#fefff4 rgb(254,255,244)
```

Tint Color Variation

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

#c9c9c8
```
#c9c9c8 rgb(201,201,200)
```
#cccdc4
```
#cccdc4 rgb(204,205,196)
```
#d0d1c0
```
#d0d1c0 rgb(208,209,192)
```
#d3d5bc
```
#d3d5bc rgb(211,213,188)
```
#d6d9b8
```
#d6d9b8 rgb(214,217,184)
```
#dadeb3
```
#dadeb3 rgb(218,222,179)
```
#dde2af
```
#dde2af rgb(221,226,175)
```
#e1e6ab
```
#e1e6ab rgb(225,230,171)
```
#e4eaa7
```
#e4eaa7 rgb(228,234,167)
```
#e8eea3
```
#e8eea3 rgb(232,238,163)
```
#ebf39e
```
#ebf39e rgb(235,243,158)
```
#eff79a
```
#eff79a rgb(239,247,154)
```
#f2fb96
```
#f2fb96 rgb(242,251,150)
```

Tone Color Variation

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

#ededed Achromatopsia 0.005% of the population
#eef0dc Atypical Achromatopsia 0.001% of the population

Dichromacy

#fff4cf Protanopia 1% of men
#fff2e6 Deuteranopia 1% of men
#ffeffe Tritanopia 0.001% of the population

Trichromacy

#faf6ba Protanomaly 1% of men, 0.01% of women
#faf5c9 Deuteranomaly 6% of men, 0.4% of women
#faf3d8 Tritanomaly 0.01% of the population

#f2fb96 hex color

#f2fb96 Color Information

#f2fb96 Color Conversion

Color Schemes with #f2fb96

Alternatives to #f2fb96

#f2fb96 Preview

Shades and Tints of #f2fb96

Tones of #f2fb96

Color Blindness Simulator