#f2fa6f hex color

In a RGB color space, hex #f2fa6f is composed of 94.9% red, 98% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 3.2% cyan, 0% magenta, 55.6% yellow and 2% black. It has a hue angle of 63.5 degrees, a saturation of 93.3% and a lightness of 70.8%. #f2fa6f color hex could be obtained by blending #ffffde with #e5f500. Closest websafe color is: #ffff66.

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

● #f2fa6f color description : Soft yellow.

The hexadecimal color #f2fa6f has RGB values of R:242, G:250, B:111 and CMYK values of C:0.03, M:0, Y:0.56, K:0.02. Its decimal value is 15923823.

Hex triplet	f2fa6f	`#f2fa6f`
RGB Decimal	242, 250, 111	`rgb(242,250,111)`
RGB Percent	94.9, 98, 43.5	`rgb(94.9%,98%,43.5%)`
CMYK	3, 0, 56, 2
HSL	63.5°, 93.3, 70.8	`hsl(63.5,93.3%,70.8%)`
HSV (or HSB)	63.5°, 55.6, 98
Web Safe	ffff66	`#ffff66`

CIE-LAB	95.328, -20.566, 64.43
XYZ	73.672, 88.397, 28.219
xyY	0.387, 0.465, 88.397
CIE-LCH	95.328, 67.633, 107.703
CIE-LUV	95.328, 0.867, 83.849
Hunter-Lab	94.02, -24.664, 48.018
Binary	11110010, 11111010, 01101111

#f2fa6f
```
#f2fa6f rgb(242,250,111)
```
#776ffa
```
#776ffa rgb(119,111,250)
```

Complementary Color

#fabd6f
```
#fabd6f rgb(250,189,111)
```
#f2fa6f
```
#f2fa6f rgb(242,250,111)
```
#adfa6f
```
#adfa6f rgb(173,250,111)
```

Analogous Color

#bd6ffa
```
#bd6ffa rgb(189,111,250)
```
#f2fa6f
```
#f2fa6f rgb(242,250,111)
```
#6fadfa
```
#6fadfa rgb(111,173,250)
```

Split Complementary Color

#fa6ff2
```
#fa6ff2 rgb(250,111,242)
```
#f2fa6f
```
#f2fa6f rgb(242,250,111)
```
#6ff2fa
```
#6ff2fa rgb(111,242,250)
```

Triadic Color

#fa776f
```
#fa776f rgb(250,119,111)
```
#f2fa6f
```
#f2fa6f rgb(242,250,111)
```
#6ff2fa
```
#6ff2fa rgb(111,242,250)
```
#776ffa
```
#776ffa rgb(119,111,250)
```

Tetradic Color

#ebf725
```
#ebf725 rgb(235,247,37)
```
#eef83e
```
#eef83e rgb(238,248,62)
```
#f0f956
```
#f0f956 rgb(240,249,86)
```
#f2fa6f
```
#f2fa6f rgb(242,250,111)
```
#f4fb88
```
#f4fb88 rgb(244,251,136)
```
#f6fca0
```
#f6fca0 rgb(246,252,160)
```
#f9fdb9
```
#f9fdb9 rgb(249,253,185)
```

Monochromatic Color

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

#fadf6f
```
#fadf6f rgb(250,223,111)
```
#faeb6f
```
#faeb6f rgb(250,235,111)
```
#faf66f
```
#faf66f rgb(250,246,111)
```
#f2fa6f
```
#f2fa6f rgb(242,250,111)
```
#e6fa6f
```
#e6fa6f rgb(230,250,111)
```
#dbfa6f
```
#dbfa6f rgb(219,250,111)
```
#cffa6f
```
#cffa6f rgb(207,250,111)
```

Similar Colors

Text with hexadecimal color #f2fa6f

This text has a font color of #f2fa6f.

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

#f2fa6f background color

This paragraph has a background color of #f2fa6f.

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

#f2fa6f border color

This element has a border color of #f2fa6f.

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

CSS codes

.text {color:#f2fa6f;}

.background {background-color:#f2fa6f;}

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

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

#070800
```
#070800 rgb(7,8,0)
```
#191b01
```
#191b01 rgb(25,27,1)
```
#2b2e02
```
#2b2e02 rgb(43,46,2)
```
#3d4102
```
#3d4102 rgb(61,65,2)
```
#4f5303
```
#4f5303 rgb(79,83,3)
```
#616604
```
#616604 rgb(97,102,4)
```
#737904
```
#737904 rgb(115,121,4)
```
#858c05
```
#858c05 rgb(133,140,5)
```
#969f06
```
#969f06 rgb(150,159,6)
```
#a8b206
```
#a8b206 rgb(168,178,6)
```
#bac507
```
#bac507 rgb(186,197,7)
```
#ccd808
```
#ccd808 rgb(204,216,8)
```
#deeb08
```
#deeb08 rgb(222,235,8)
```

Shade Color Variation

#e9f710
```
#e9f710 rgb(233,247,16)
```
#ebf723
```
#ebf723 rgb(235,247,35)
```
#edf836
```
#edf836 rgb(237,248,54)
```
#eff949
```
#eff949 rgb(239,249,73)
```
#f0f95c
```
#f0f95c rgb(240,249,92)
```
#f2fa6f
```
#f2fa6f rgb(242,250,111)
```
#f4fb82
```
#f4fb82 rgb(244,251,130)
```
#f5fb95
```
#f5fb95 rgb(245,251,149)
```
#f7fca8
```
#f7fca8 rgb(247,252,168)
```
#f9fdbb
```
#f9fdbb rgb(249,253,187)
```
#fbfdce
```
#fbfdce rgb(251,253,206)
```
#fcfee1
```
#fcfee1 rgb(252,254,225)
```
#fefff4
```
#fefff4 rgb(254,255,244)
```

Tint Color Variation

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

#b5b5b4
```
#b5b5b4 rgb(181,181,180)
```
#babbae
```
#babbae rgb(186,187,174)
```
#bfc1a8
```
#bfc1a8 rgb(191,193,168)
```
#c4c6a3
```
#c4c6a3 rgb(196,198,163)
```
#c9cc9d
```
#c9cc9d rgb(201,204,157)
```
#cfd297
```
#cfd297 rgb(207,210,151)
```
#d4d891
```
#d4d891 rgb(212,216,145)
```
#d9dd8c
```
#d9dd8c rgb(217,221,140)
```
#dee386
```
#dee386 rgb(222,227,134)
```
#e3e980
```
#e3e980 rgb(227,233,128)
```
#e8ef7a
```
#e8ef7a rgb(232,239,122)
```
#edf475
```
#edf475 rgb(237,244,117)
```
#f2fa6f
```
#f2fa6f rgb(242,250,111)
```

Tone Color Variation

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

#e8e8e8 Achromatopsia 0.005% of the population
#eaecd0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fff2c3 Protanopia 1% of men
#ffefe0 Deuteranopia 1% of men
#ffedfa Tritanopia 0.001% of the population

Trichromacy

#faf5a4 Protanomaly 1% of men, 0.01% of women
#faf3b7 Deuteranomaly 6% of men, 0.4% of women
#faf1c7 Tritanomaly 0.01% of the population

#f2fa6f hex color

#f2fa6f Color Information

#f2fa6f Color Conversion

Color Schemes with #f2fa6f

Alternatives to #f2fa6f

#f2fa6f Preview

Shades and Tints of #f2fa6f

Tones of #f2fa6f

Color Blindness Simulator