#f2f298 hex color

In a RGB color space, hex #f2f298 is composed of 94.9% red, 94.9% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0% magenta, 37.2% yellow and 5.1% black. It has a hue angle of 60 degrees, a saturation of 77.6% and a lightness of 77.3%. #f2f298 color hex could be obtained by blending #ffffff with #e5e531. Closest websafe color is: #ffff99.

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

● #f2f298 color description : Very soft yellow.

The hexadecimal color #f2f298 has RGB values of R:242, G:242, B:152 and CMYK values of C:0, M:0, Y:0.37, K:0.05. Its decimal value is 15921816.

Hex triplet	f2f298	`#f2f298`
RGB Decimal	242, 242, 152	`rgb(242,242,152)`
RGB Percent	94.9, 94.9, 59.6	`rgb(94.9%,94.9%,59.6%)`
CMYK	0, 0, 37, 5
HSL	60°, 77.6, 77.3	`hsl(60,77.6%,77.3%)`
HSV (or HSB)	60°, 37.2, 94.9
Web Safe	ffff99	`#ffff99`

CIE-LAB	93.732, -12.931, 43.44
XYZ	74.037, 84.649, 42.143
xyY	0.369, 0.421, 84.649
CIE-LCH	93.732, 45.323, 106.577
CIE-LUV	93.732, 4.378, 60.746
Hunter-Lab	92.005, -17.369, 37.246
Binary	11110010, 11110010, 10011000

#f2f298
```
#f2f298 rgb(242,242,152)
```
#9898f2
```
#9898f2 rgb(152,152,242)
```

Complementary Color

#f2c598
```
#f2c598 rgb(242,197,152)
```
#f2f298
```
#f2f298 rgb(242,242,152)
```
#c5f298
```
#c5f298 rgb(197,242,152)
```

Analogous Color

#c598f2
```
#c598f2 rgb(197,152,242)
```
#f2f298
```
#f2f298 rgb(242,242,152)
```
#98c5f2
```
#98c5f2 rgb(152,197,242)
```

Split Complementary Color

#f298f2
```
#f298f2 rgb(242,152,242)
```
#f2f298
```
#f2f298 rgb(242,242,152)
```
#98f2f2
```
#98f2f2 rgb(152,242,242)
```

Triadic Color

#f29898
```
#f29898 rgb(242,152,152)
```
#f2f298
```
#f2f298 rgb(242,242,152)
```
#98f2f2
```
#98f2f2 rgb(152,242,242)
```
#9898f2
```
#9898f2 rgb(152,152,242)
```

Tetradic Color

#e9e954
```
#e9e954 rgb(233,233,84)
```
#ecec6b
```
#ecec6b rgb(236,236,107)
```
#efef81
```
#efef81 rgb(239,239,129)
```
#f2f298
```
#f2f298 rgb(242,242,152)
```
#f5f5af
```
#f5f5af rgb(245,245,175)
```
#f8f8c5
```
#f8f8c5 rgb(248,248,197)
```
#fbfbdc
```
#fbfbdc rgb(251,251,220)
```

Monochromatic Color

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

#f2dc98
```
#f2dc98 rgb(242,220,152)
```
#f2e398
```
#f2e398 rgb(242,227,152)
```
#f2eb98
```
#f2eb98 rgb(242,235,152)
```
#f2f298
```
#f2f298 rgb(242,242,152)
```
#ebf298
```
#ebf298 rgb(235,242,152)
```
#e3f298
```
#e3f298 rgb(227,242,152)
```
#dcf298
```
#dcf298 rgb(220,242,152)
```

Similar Colors

Text with hexadecimal color #f2f298

This text has a font color of #f2f298.

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

#f2f298 background color

This paragraph has a background color of #f2f298.

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

#f2f298 border color

This element has a border color of #f2f298.

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

CSS codes

.text {color:#f2f298;}

.background {background-color:#f2f298;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#131302
```
#131302 rgb(19,19,2)
```
#242405
```
#242405 rgb(36,36,5)
```
#363607
```
#363607 rgb(54,54,7)
```
#474709
```
#474709 rgb(71,71,9)
```
#59590b
```
#59590b rgb(89,89,11)
```
#6a6a0d
```
#6a6a0d rgb(106,106,13)
```
#7b7b10
```
#7b7b10 rgb(123,123,16)
```
#8d8d12
```
#8d8d12 rgb(141,141,18)
```
#9e9e14
```
#9e9e14 rgb(158,158,20)
```
#b0b016
```
#b0b016 rgb(176,176,22)
```
#c1c118
```
#c1c118 rgb(193,193,24)
```
#d3d31b
```
#d3d31b rgb(211,211,27)
```

Shade Color Variation

#e3e31e
```
#e3e31e rgb(227,227,30)
```
#e5e52f
```
#e5e52f rgb(229,229,47)
```
#e7e741
```
#e7e741 rgb(231,231,65)
```
#e9e952
```
#e9e952 rgb(233,233,82)
```
#ebeb64
```
#ebeb64 rgb(235,235,100)
```
#eeee75
```
#eeee75 rgb(238,238,117)
```
#f0f087
```
#f0f087 rgb(240,240,135)
```
#f2f298
```
#f2f298 rgb(242,242,152)
```
#f4f4a9
```
#f4f4a9 rgb(244,244,169)
```
#f6f6bb
```
#f6f6bb rgb(246,246,187)
```
#f9f9cc
```
#f9f9cc rgb(249,249,204)
```
#fbfbde
```
#fbfbde rgb(251,251,222)
```
#fdfdef
```
#fdfdef rgb(253,253,239)
```

Tint Color Variation

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

#c5c5c5
```
#c5c5c5 rgb(197,197,197)
```
#cacac0
```
#cacac0 rgb(202,202,192)
```
#cecebc
```
#cecebc rgb(206,206,188)
```
#d3d3b7
```
#d3d3b7 rgb(211,211,183)
```
#d7d7b3
```
#d7d7b3 rgb(215,215,179)
```
#dcdcae
```
#dcdcae rgb(220,220,174)
```
#e0e0aa
```
#e0e0aa rgb(224,224,170)
```
#e5e5a5
```
#e5e5a5 rgb(229,229,165)
```
#e9e9a1
```
#e9e9a1 rgb(233,233,161)
```
#eeee9c
```
#eeee9c rgb(238,238,156)
```
#f2f298
```
#f2f298 rgb(242,242,152)
```
#f6f694
```
#f6f694 rgb(246,246,148)
```
#fbfb8f
```
#fbfb8f rgb(251,251,143)
```

Tone Color Variation

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

Dichromacy

#ffedad Protanopia 1% of men
#ffead7 Deuteranopia 1% of men
#fee7f7 Tritanopia 0.001% of the population

Trichromacy

#faefa5 Protanomaly 1% of men, 0.01% of women
#faedc0 Deuteranomaly 6% of men, 0.4% of women
#faebd5 Tritanomaly 0.01% of the population

#f2f298 hex color

#f2f298 Color Information

#f2f298 Color Conversion

Color Schemes with #f2f298

Alternatives to #f2f298

#f2f298 Preview

Shades and Tints of #f2f298

Tones of #f2f298

Color Blindness Simulator