#f2f2aa hex color

In a RGB color space, hex #f2f2aa is composed of 94.9% red, 94.9% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0% magenta, 29.8% yellow and 5.1% black. It has a hue angle of 60 degrees, a saturation of 73.5% and a lightness of 80.8%. #f2f2aa color hex could be obtained by blending #ffffff with #e5e555. Closest websafe color is: #ffff99.

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

● #f2f2aa color description : Very soft yellow.

The hexadecimal color #f2f2aa has RGB values of R:242, G:242, B:170 and CMYK values of C:0, M:0, Y:0.3, K:0.05. Its decimal value is 15921834.

Hex triplet	f2f2aa	`#f2f2aa`
RGB Decimal	242, 242, 170	`rgb(242,242,170)`
RGB Percent	94.9, 94.9, 66.7	`rgb(94.9%,94.9%,66.7%)`
CMYK	0, 0, 30, 5
HSL	60°, 73.5, 80.8	`hsl(60,73.5%,80.8%)`
HSV (or HSB)	60°, 29.8, 94.9
Web Safe	ffff99	`#ffff99`

CIE-LAB	94.006, -10.845, 34.846
XYZ	75.625, 85.284, 50.506
xyY	0.358, 0.403, 85.284
CIE-LCH	94.006, 36.495, 107.287
CIE-LUV	94.006, 3.627, 50.341
Hunter-Lab	92.35, -15.439, 32.219
Binary	11110010, 11110010, 10101010

#f2f2aa
```
#f2f2aa rgb(242,242,170)
```
#aaaaf2
```
#aaaaf2 rgb(170,170,242)
```

Complementary Color

#f2ceaa
```
#f2ceaa rgb(242,206,170)
```
#f2f2aa
```
#f2f2aa rgb(242,242,170)
```
#cef2aa
```
#cef2aa rgb(206,242,170)
```

Analogous Color

#ceaaf2
```
#ceaaf2 rgb(206,170,242)
```
#f2f2aa
```
#f2f2aa rgb(242,242,170)
```
#aacef2
```
#aacef2 rgb(170,206,242)
```

Split Complementary Color

#f2aaf2
```
#f2aaf2 rgb(242,170,242)
```
#f2f2aa
```
#f2f2aa rgb(242,242,170)
```
#aaf2f2
```
#aaf2f2 rgb(170,242,242)
```

Triadic Color

#f2aaaa
```
#f2aaaa rgb(242,170,170)
```
#f2f2aa
```
#f2f2aa rgb(242,242,170)
```
#aaf2f2
```
#aaf2f2 rgb(170,242,242)
```
#aaaaf2
```
#aaaaf2 rgb(170,170,242)
```

Tetradic Color

#e8e868
```
#e8e868 rgb(232,232,104)
```
#ebeb7e
```
#ebeb7e rgb(235,235,126)
```
#efef94
```
#efef94 rgb(239,239,148)
```
#f2f2aa
```
#f2f2aa rgb(242,242,170)
```
#f5f5c0
```
#f5f5c0 rgb(245,245,192)
```
#f9f9d6
```
#f9f9d6 rgb(249,249,214)
```
#fcfcec
```
#fcfcec rgb(252,252,236)
```

Monochromatic Color

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

#f2e0aa
```
#f2e0aa rgb(242,224,170)
```
#f2e6aa
```
#f2e6aa rgb(242,230,170)
```
#f2ecaa
```
#f2ecaa rgb(242,236,170)
```
#f2f2aa
```
#f2f2aa rgb(242,242,170)
```
#ecf2aa
```
#ecf2aa rgb(236,242,170)
```
#e6f2aa
```
#e6f2aa rgb(230,242,170)
```
#e0f2aa
```
#e0f2aa rgb(224,242,170)
```

Similar Colors

Text with hexadecimal color #f2f2aa

This text has a font color of #f2f2aa.

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

#f2f2aa background color

This paragraph has a background color of #f2f2aa.

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

#f2f2aa border color

This element has a border color of #f2f2aa.

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

CSS codes

.text {color:#f2f2aa;}

.background {background-color:#f2f2aa;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#111103
```
#111103 rgb(17,17,3)
```
#222205
```
#222205 rgb(34,34,5)
```
#333308
```
#333308 rgb(51,51,8)
```
#44440a
```
#44440a rgb(68,68,10)
```
#55550d
```
#55550d rgb(85,85,13)
```
#666610
```
#666610 rgb(102,102,16)
```
#777712
```
#777712 rgb(119,119,18)
```
#888815
```
#888815 rgb(136,136,21)
```
#999917
```
#999917 rgb(153,153,23)
```
#aaaa1a
```
#aaaa1a rgb(170,170,26)
```
#bbbb1d
```
#bbbb1d rgb(187,187,29)
```
#cccc1f
```
#cccc1f rgb(204,204,31)
```

Shade Color Variation

#dddd22
```
#dddd22 rgb(221,221,34)
```
#e0e033
```
#e0e033 rgb(224,224,51)
```
#e2e244
```
#e2e244 rgb(226,226,68)
```
#e5e555
```
#e5e555 rgb(229,229,85)
```
#e8e866
```
#e8e866 rgb(232,232,102)
```
#eaea77
```
#eaea77 rgb(234,234,119)
```
#eded88
```
#eded88 rgb(237,237,136)
```
#efef99
```
#efef99 rgb(239,239,153)
```
#f2f2aa
```
#f2f2aa rgb(242,242,170)
```
#f5f5bb
```
#f5f5bb rgb(245,245,187)
```
#f7f7cc
```
#f7f7cc rgb(247,247,204)
```
#fafadd
```
#fafadd rgb(250,250,221)
```
#fcfcee
```
#fcfcee rgb(252,252,238)
```

Tint Color Variation

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

#d0d0cc
```
#d0d0cc rgb(208,208,204)
```
#d4d4c8
```
#d4d4c8 rgb(212,212,200)
```
#d8d8c4
```
#d8d8c4 rgb(216,216,196)
```
#dbdbc1
```
#dbdbc1 rgb(219,219,193)
```
#dfdfbd
```
#dfdfbd rgb(223,223,189)
```
#e3e3b9
```
#e3e3b9 rgb(227,227,185)
```
#e7e7b5
```
#e7e7b5 rgb(231,231,181)
```
#eaeab2
```
#eaeab2 rgb(234,234,178)
```
#eeeeae
```
#eeeeae rgb(238,238,174)
```
#f2f2aa
```
#f2f2aa rgb(242,242,170)
```
#f6f6a6
```
#f6f6a6 rgb(246,246,166)
```
#fafaa2
```
#fafaa2 rgb(250,250,162)
```
#fdfd9f
```
#fdfd9f rgb(253,253,159)
```

Tone Color Variation

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

#eaeaea Achromatopsia 0.005% of the population
#ececdd Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeeb4 Protanopia 1% of men
#ffebdb Deuteranopia 1% of men
#fde8f9 Tritanopia 0.001% of the population

Trichromacy

#faefb0 Protanomaly 1% of men, 0.01% of women
#faedc9 Deuteranomaly 6% of men, 0.4% of women
#f9ecdc Tritanomaly 0.01% of the population

#f2f2aa hex color

#f2f2aa Color Information

#f2f2aa Color Conversion

Color Schemes with #f2f2aa

Alternatives to #f2f2aa

#f2f2aa Preview

Shades and Tints of #f2f2aa

Tones of #f2f2aa

Color Blindness Simulator