#f2f292 hex color

In a RGB color space, hex #f2f292 is composed of 94.9% red, 94.9% green and 57.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0% magenta, 39.7% yellow and 5.1% black. It has a hue angle of 60 degrees, a saturation of 78.7% and a lightness of 76.1%. #f2f292 color hex could be obtained by blending #ffffff with #e5e525. Closest websafe color is: #ffff99.

♥
- f
- t
- g
- R 95
- G 95
- B 57
RGB color chart
- C 0
- M 0
- Y 40
- K 5
CMYK color chart

● #f2f292 color description : Very soft yellow.

The hexadecimal color #f2f292 has RGB values of R:242, G:242, B:146 and CMYK values of C:0, M:0, Y:0.4, K:0.05. Its decimal value is 15921810.

Hex triplet	f2f292	`#f2f292`
RGB Decimal	242, 242, 146	`rgb(242,242,146)`
RGB Percent	94.9, 94.9, 57.3	`rgb(94.9%,94.9%,57.3%)`
CMYK	0, 0, 40, 5
HSL	60°, 78.7, 76.1	`hsl(60,78.7%,76.1%)`
HSV (or HSB)	60°, 39.7, 94.9
Web Safe	ffff99	`#ffff99`

CIE-LAB	93.649, -13.568, 46.266
XYZ	73.558, 84.458, 39.62
xyY	0.372, 0.427, 84.458
CIE-LCH	93.649, 48.214, 106.344
CIE-LUV	93.649, 4.611, 63.976
Hunter-Lab	91.901, -17.955, 38.77
Binary	11110010, 11110010, 10010010

#f2f292
```
#f2f292 rgb(242,242,146)
```
#9292f2
```
#9292f2 rgb(146,146,242)
```

Complementary Color

#f2c292
```
#f2c292 rgb(242,194,146)
```
#f2f292
```
#f2f292 rgb(242,242,146)
```
#c2f292
```
#c2f292 rgb(194,242,146)
```

Analogous Color

#c292f2
```
#c292f2 rgb(194,146,242)
```
#f2f292
```
#f2f292 rgb(242,242,146)
```
#92c2f2
```
#92c2f2 rgb(146,194,242)
```

Split Complementary Color

#f292f2
```
#f292f2 rgb(242,146,242)
```
#f2f292
```
#f2f292 rgb(242,242,146)
```
#92f2f2
```
#92f2f2 rgb(146,242,242)
```

Triadic Color

#f29292
```
#f29292 rgb(242,146,146)
```
#f2f292
```
#f2f292 rgb(242,242,146)
```
#92f2f2
```
#92f2f2 rgb(146,242,242)
```
#9292f2
```
#9292f2 rgb(146,146,242)
```

Tetradic Color

#eaea4e
```
#eaea4e rgb(234,234,78)
```
#eded64
```
#eded64 rgb(237,237,100)
```
#efef7b
```
#efef7b rgb(239,239,123)
```
#f2f292
```
#f2f292 rgb(242,242,146)
```
#f5f5a9
```
#f5f5a9 rgb(245,245,169)
```
#f7f7c0
```
#f7f7c0 rgb(247,247,192)
```
#fafad6
```
#fafad6 rgb(250,250,214)
```

Monochromatic Color

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

#f2da92
```
#f2da92 rgb(242,218,146)
```
#f2e292
```
#f2e292 rgb(242,226,146)
```
#f2ea92
```
#f2ea92 rgb(242,234,146)
```
#f2f292
```
#f2f292 rgb(242,242,146)
```
#eaf292
```
#eaf292 rgb(234,242,146)
```
#e2f292
```
#e2f292 rgb(226,242,146)
```
#daf292
```
#daf292 rgb(218,242,146)
```

Similar Colors

Text with hexadecimal color #f2f292

This text has a font color of #f2f292.

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

#f2f292 background color

This paragraph has a background color of #f2f292.

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

#f2f292 border color

This element has a border color of #f2f292.

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

CSS codes

.text {color:#f2f292;}

.background {background-color:#f2f292;}

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

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

#0e0e02
```
#0e0e02 rgb(14,14,2)
```
#1f1f04
```
#1f1f04 rgb(31,31,4)
```
#313106
```
#313106 rgb(49,49,6)
```
#424208
```
#424208 rgb(66,66,8)
```
#54540a
```
#54540a rgb(84,84,10)
```
#65650c
```
#65650c rgb(101,101,12)
```
#77770e
```
#77770e rgb(119,119,14)
```
#888810
```
#888810 rgb(136,136,16)
```
#9a9a12
```
#9a9a12 rgb(154,154,18)
```
#abab14
```
#abab14 rgb(171,171,20)
```
#bdbd17
```
#bdbd17 rgb(189,189,23)
```
#cece19
```
#cece19 rgb(206,206,25)
```
#e0e01b
```
#e0e01b rgb(224,224,27)
```

Shade Color Variation

#e5e529
```
#e5e529 rgb(229,229,41)
```
#e8e83a
```
#e8e83a rgb(232,232,58)
```
#eaea4c
```
#eaea4c rgb(234,234,76)
```
#ecec5d
```
#ecec5d rgb(236,236,93)
```
#eeee6f
```
#eeee6f rgb(238,238,111)
```
#f0f080
```
#f0f080 rgb(240,240,128)
```
#f2f292
```
#f2f292 rgb(242,242,146)
```
#f4f4a4
```
#f4f4a4 rgb(244,244,164)
```
#f6f6b5
```
#f6f6b5 rgb(246,246,181)
```
#f8f8c7
```
#f8f8c7 rgb(248,248,199)
```
#fafad8
```
#fafad8 rgb(250,250,216)
```
#fcfcea
```
#fcfcea rgb(252,252,234)
```
#fffffb
```
#fffffb rgb(255,255,251)
```

Tint Color Variation

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

#c3c3c1
```
#c3c3c1 rgb(195,195,193)
```
#c8c8bc
```
#c8c8bc rgb(200,200,188)
```
#ccccb8
```
#ccccb8 rgb(204,204,184)
```
#d1d1b3
```
#d1d1b3 rgb(209,209,179)
```
#d6d6ae
```
#d6d6ae rgb(214,214,174)
```
#dbdba9
```
#dbdba9 rgb(219,219,169)
```
#dfdfa5
```
#dfdfa5 rgb(223,223,165)
```
#e4e4a0
```
#e4e4a0 rgb(228,228,160)
```
#e9e99b
```
#e9e99b rgb(233,233,155)
```
#eded97
```
#eded97 rgb(237,237,151)
```
#f2f292
```
#f2f292 rgb(242,242,146)
```
#f7f78d
```
#f7f78d rgb(247,247,141)
```
#fbfb89
```
#fbfb89 rgb(251,251,137)
```

Tone Color Variation

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

#e7e7e7 Achromatopsia 0.005% of the population
#e9e9d6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffedab Protanopia 1% of men
#ffead6 Deuteranopia 1% of men
#ffe7f7 Tritanopia 0.001% of the population

Trichromacy

#faefa2 Protanomaly 1% of men, 0.01% of women
#faedbd Deuteranomaly 6% of men, 0.4% of women
#faebd2 Tritanomaly 0.01% of the population

#f2f292 hex color

#f2f292 Color Information

#f2f292 Color Conversion

Color Schemes with #f2f292

Alternatives to #f2f292

#f2f292 Preview

Shades and Tints of #f2f292

Tones of #f2f292

Color Blindness Simulator