#f2fd8a hex color

In a RGB color space, hex #f2fd8a is composed of 94.9% red, 99.2% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 4.3% cyan, 0% magenta, 45.5% yellow and 0.8% black. It has a hue angle of 65.7 degrees, a saturation of 96.6% and a lightness of 76.7%. #f2fd8a color hex could be obtained by blending #ffffff with #e5fb15. Closest websafe color is: #ffff99.

♥
- f
- t
- g
- R 95
- G 99
- B 54
RGB color chart
- C 4
- M 0
- Y 45
- K 1
CMYK color chart

● #f2fd8a color description : Soft yellow.

The hexadecimal color #f2fd8a has RGB values of R:242, G:253, B:138 and CMYK values of C:0.04, M:0, Y:0.45, K:0.01. Its decimal value is 15924618.

Hex triplet	f2fd8a	`#f2fd8a`
RGB Decimal	242, 253, 138	`rgb(242,253,138)`
RGB Percent	94.9, 99.2, 54.1	`rgb(94.9%,99.2%,54.1%)`
CMYK	4, 0, 45, 1
HSL	65.7°, 96.6, 76.7	`hsl(65.7,96.6%,76.7%)`
HSV (or HSB)	65.7°, 45.5, 99.2
Web Safe	ffff99	`#ffff99`

CIE-LAB	96.395, -19.708, 53.494
XYZ	76.33, 90.963, 37.58
xyY	0.373, 0.444, 90.963
CIE-LCH	96.395, 57.009, 110.225
CIE-LUV	96.395, -1.636, 73.485
Hunter-Lab	95.375, -24.049, 43.4
Binary	11110010, 11111101, 10001010

#f2fd8a
```
#f2fd8a rgb(242,253,138)
```
#958afd
```
#958afd rgb(149,138,253)
```

Complementary Color

#fdcf8a
```
#fdcf8a rgb(253,207,138)
```
#f2fd8a
```
#f2fd8a rgb(242,253,138)
```
#b9fd8a
```
#b9fd8a rgb(185,253,138)
```

Analogous Color

#cf8afd
```
#cf8afd rgb(207,138,253)
```
#f2fd8a
```
#f2fd8a rgb(242,253,138)
```
#8ab9fd
```
#8ab9fd rgb(138,185,253)
```

Split Complementary Color

#fd8af2
```
#fd8af2 rgb(253,138,242)
```
#f2fd8a
```
#f2fd8a rgb(242,253,138)
```
#8af2fd
```
#8af2fd rgb(138,242,253)
```

Triadic Color

#fd958a
```
#fd958a rgb(253,149,138)
```
#f2fd8a
```
#f2fd8a rgb(242,253,138)
```
#8af2fd
```
#8af2fd rgb(138,242,253)
```
#958afd
```
#958afd rgb(149,138,253)
```

Tetradic Color

#eafc3f
```
#eafc3f rgb(234,252,63)
```
#ecfc58
```
#ecfc58 rgb(236,252,88)
```
#effd71
```
#effd71 rgb(239,253,113)
```
#f2fd8a
```
#f2fd8a rgb(242,253,138)
```
#f5fda3
```
#f5fda3 rgb(245,253,163)
```
#f8febc
```
#f8febc rgb(248,254,188)
```
#fafed5
```
#fafed5 rgb(250,254,213)
```

Monochromatic Color

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

#fdeb8a
```
#fdeb8a rgb(253,235,138)
```
#fdf58a
```
#fdf58a rgb(253,245,138)
```
#fcfd8a
```
#fcfd8a rgb(252,253,138)
```
#f2fd8a
```
#f2fd8a rgb(242,253,138)
```
#e8fd8a
```
#e8fd8a rgb(232,253,138)
```
#dffd8a
```
#dffd8a rgb(223,253,138)
```
#d5fd8a
```
#d5fd8a rgb(213,253,138)
```

Similar Colors

Text with hexadecimal color #f2fd8a

This text has a font color of #f2fd8a.

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

#f2fd8a background color

This paragraph has a background color of #f2fd8a.

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

#f2fd8a border color

This element has a border color of #f2fd8a.

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

CSS codes

.text {color:#f2fd8a;}

.background {background-color:#f2fd8a;}

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

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

#101200
```
#101200 rgb(16,18,0)
```
#222501
```
#222501 rgb(34,37,1)
```
#333901
```
#333901 rgb(51,57,1)
```
#454c01
```
#454c01 rgb(69,76,1)
```
#565f02
```
#565f02 rgb(86,95,2)
```
#687202
```
#687202 rgb(104,114,2)
```
#798602
```
#798602 rgb(121,134,2)
```
#8b9903
```
#8b9903 rgb(139,153,3)
```
#9cac03
```
#9cac03 rgb(156,172,3)
```
#aec003
```
#aec003 rgb(174,192,3)
```
#bfd304
```
#bfd304 rgb(191,211,4)
```
#d1e604
```
#d1e604 rgb(209,230,4)
```
#e2f904
```
#e2f904 rgb(226,249,4)
```

Shade Color Variation

#e5fb16
```
#e5fb16 rgb(229,251,22)
```
#e7fb2a
```
#e7fb2a rgb(231,251,42)
```
#e9fc3d
```
#e9fc3d rgb(233,252,61)
```
#ecfc50
```
#ecfc50 rgb(236,252,80)
```
#eefc63
```
#eefc63 rgb(238,252,99)
```
#f0fd77
```
#f0fd77 rgb(240,253,119)
```
#f2fd8a
```
#f2fd8a rgb(242,253,138)
```
#f4fd9d
```
#f4fd9d rgb(244,253,157)
```
#f6feb1
```
#f6feb1 rgb(246,254,177)
```
#f8fec4
```
#f8fec4 rgb(248,254,196)
```
#fbfed7
```
#fbfed7 rgb(251,254,215)
```
#fdffea
```
#fdffea rgb(253,255,234)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#c6c6c1
```
#c6c6c1 rgb(198,198,193)
```
#c9cbbc
```
#c9cbbc rgb(201,203,188)
```
#cdcfb8
```
#cdcfb8 rgb(205,207,184)
```
#d1d4b3
```
#d1d4b3 rgb(209,212,179)
```
#d4d8af
```
#d4d8af rgb(212,216,175)
```
#d8ddaa
```
#d8ddaa rgb(216,221,170)
```
#dce2a5
```
#dce2a5 rgb(220,226,165)
```
#dfe6a1
```
#dfe6a1 rgb(223,230,161)
```
#e3eb9c
```
#e3eb9c rgb(227,235,156)
```
#e7ef98
```
#e7ef98 rgb(231,239,152)
```
#ebf493
```
#ebf493 rgb(235,244,147)
```
#eef88f
```
#eef88f rgb(238,248,143)
```
#f2fd8a
```
#f2fd8a rgb(242,253,138)
```

Tone Color Variation

Below, you can see how #f2fd8a 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
#eef0d9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fff5d3 Protanopia 1% of men
#fff3e8 Deuteranopia 1% of men
#fff1fe Tritanopia 0.001% of the population

Trichromacy

#faf8b8 Protanomaly 1% of men, 0.01% of women
#faf6c5 Deuteranomaly 6% of men, 0.4% of women
#faf5d4 Tritanomaly 0.01% of the population

#f2fd8a hex color

#f2fd8a Color Information

#f2fd8a Color Conversion

Color Schemes with #f2fd8a

Alternatives to #f2fd8a

#f2fd8a Preview

Shades and Tints of #f2fd8a

Tones of #f2fd8a

Color Blindness Simulator