#f2fec3 hex color

In a RGB color space, hex #f2fec3 is composed of 94.9% red, 99.6% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 4.7% cyan, 0% magenta, 23.2% yellow and 0.4% black. It has a hue angle of 72.2 degrees, a saturation of 96.7% and a lightness of 88%. #f2fec3 color hex could be obtained by blending #ffffff with #e5fd87. Closest websafe color is: #ffffcc.

♥
- f
- t
- g
- R 95
- G 100
- B 76
RGB color chart
- C 5
- M 0
- Y 23
- K 0
CMYK color chart

● #f2fec3 color description : Very soft yellow.

The hexadecimal color #f2fec3 has RGB values of R:242, G:254, B:195 and CMYK values of C:0.05, M:0, Y:0.23, K:0. Its decimal value is 15924931.

Hex triplet	f2fec3	`#f2fec3`
RGB Decimal	242, 254, 195	`rgb(242,254,195)`
RGB Percent	94.9, 99.6, 76.5	`rgb(94.9%,99.6%,76.5%)`
CMYK	5, 0, 23, 0
HSL	72.2°, 96.7, 88	`hsl(72.2,96.7%,88%)`
HSV (or HSB)	72.2°, 23.2, 99.6
Web Safe	ffffcc	`#ffffcc`

CIE-LAB	97.511, -13.464, 26.964
XYZ	81.908, 93.701, 65.398
xyY	0.34, 0.389, 93.701
CIE-LCH	97.511, 30.139, 116.534
CIE-LUV	97.511, -4.106, 41.268
Hunter-Lab	96.799, -18.358, 27.703
Binary	11110010, 11111110, 11000011

#f2fec3
```
#f2fec3 rgb(242,254,195)
```
#cfc3fe
```
#cfc3fe rgb(207,195,254)
```

Complementary Color

#feedc3
```
#feedc3 rgb(254,237,195)
```
#f2fec3
```
#f2fec3 rgb(242,254,195)
```
#d5fec3
```
#d5fec3 rgb(213,254,195)
```

Analogous Color

#edc3fe
```
#edc3fe rgb(237,195,254)
```
#f2fec3
```
#f2fec3 rgb(242,254,195)
```
#c3d5fe
```
#c3d5fe rgb(195,213,254)
```

Split Complementary Color

#fec3f2
```
#fec3f2 rgb(254,195,242)
```
#f2fec3
```
#f2fec3 rgb(242,254,195)
```
#c3f2fe
```
#c3f2fe rgb(195,242,254)
```

Triadic Color

#fecfc3
```
#fecfc3 rgb(254,207,195)
```
#f2fec3
```
#f2fec3 rgb(242,254,195)
```
#c3f2fe
```
#c3f2fe rgb(195,242,254)
```
#cfc3fe
```
#cfc3fe rgb(207,195,254)
```

Tetradic Color

#e2fd78
```
#e2fd78 rgb(226,253,120)
```
#e7fd91
```
#e7fd91 rgb(231,253,145)
```
#edfeaa
```
#edfeaa rgb(237,254,170)
```
#f2fec3
```
#f2fec3 rgb(242,254,195)
```
#f7fedc
```
#f7fedc rgb(247,254,220)
```
#fdfff5
```
#fdfff5 rgb(253,255,245)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#fefbc3
```
#fefbc3 rgb(254,251,195)
```
#fcfec3
```
#fcfec3 rgb(252,254,195)
```
#f7fec3
```
#f7fec3 rgb(247,254,195)
```
#f2fec3
```
#f2fec3 rgb(242,254,195)
```
#edfec3
```
#edfec3 rgb(237,254,195)
```
#e8fec3
```
#e8fec3 rgb(232,254,195)
```
#e3fec3
```
#e3fec3 rgb(227,254,195)
```

Similar Colors

Text with hexadecimal color #f2fec3

This text has a font color of #f2fec3.

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

#f2fec3 background color

This paragraph has a background color of #f2fec3.

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

#f2fec3 border color

This element has a border color of #f2fec3.

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

CSS codes

.text {color:#f2fec3;}

.background {background-color:#f2fec3;}

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

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

#0e1100
```
#0e1100 rgb(14,17,0)
```
#1d2401
```
#1d2401 rgb(29,36,1)
```
#2d3801
```
#2d3801 rgb(45,56,1)
```
#3c4b01
```
#3c4b01 rgb(60,75,1)
```
#4b5e02
```
#4b5e02 rgb(75,94,2)
```
#5b7202
```
#5b7202 rgb(91,114,2)
```
#6a8502
```
#6a8502 rgb(106,133,2)
```
#7a9803
```
#7a9803 rgb(122,152,3)
```
#89ac03
```
#89ac03 rgb(137,172,3)
```
#99bf03
```
#99bf03 rgb(153,191,3)
```
#a8d204
```
#a8d204 rgb(168,210,4)
```
#b8e504
```
#b8e504 rgb(184,229,4)
```
#c7f904
```
#c7f904 rgb(199,249,4)
```

Shade Color Variation

#ccfb15
```
#ccfb15 rgb(204,251,21)
```
#d1fb29
```
#d1fb29 rgb(209,251,41)
```
#d5fc3c
```
#d5fc3c rgb(213,252,60)
```
#d9fc4f
```
#d9fc4f rgb(217,252,79)
```
#ddfc63
```
#ddfc63 rgb(221,252,99)
```
#e1fd76
```
#e1fd76 rgb(225,253,118)
```
#e5fd89
```
#e5fd89 rgb(229,253,137)
```
#eafd9c
```
#eafd9c rgb(234,253,156)
```
#eefeb0
```
#eefeb0 rgb(238,254,176)
```
#f2fec3
```
#f2fec3 rgb(242,254,195)
```
#f6fed6
```
#f6fed6 rgb(246,254,214)
```
#faffea
```
#faffea rgb(250,255,234)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

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

#e1e2df
```
#e1e2df rgb(225,226,223)
```
#e3e4dd
```
#e3e4dd rgb(227,228,221)
```
#e4e7da
```
#e4e7da rgb(228,231,218)
```
#e5e9d8
```
#e5e9d8 rgb(229,233,216)
```
#e7ebd6
```
#e7ebd6 rgb(231,235,214)
```
#e8eed3
```
#e8eed3 rgb(232,238,211)
```
#eaf0d1
```
#eaf0d1 rgb(234,240,209)
```
#ebf2cf
```
#ebf2cf rgb(235,242,207)
```
#ecf5cc
```
#ecf5cc rgb(236,245,204)
```
#eef7ca
```
#eef7ca rgb(238,247,202)
```
#eff9c8
```
#eff9c8 rgb(239,249,200)
```
#f1fcc5
```
#f1fcc5 rgb(241,252,197)
```
#f2fec3
```
#f2fec3 rgb(242,254,195)
```

Tone Color Variation

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

#f4f4f4 Achromatopsia 0.005% of the population
#f4f6ea Atypical Achromatopsia 0.001% of the population

Dichromacy

#fff8e4 Protanopia 1% of men
#fff6f1 Deuteranopia 1% of men
#faf6ff Tritanopia 0.001% of the population

Trichromacy

#fafad8 Protanomaly 1% of men, 0.01% of women
#faf9e0 Deuteranomaly 6% of men, 0.4% of women
#f7f9e9 Tritanomaly 0.01% of the population

#f2fec3 hex color

#f2fec3 Color Information

#f2fec3 Color Conversion

Color Schemes with #f2fec3

Alternatives to #f2fec3

#f2fec3 Preview

Shades and Tints of #f2fec3

Tones of #f2fec3

Color Blindness Simulator