#f2e195 hex color

In a RGB color space, hex #f2e195 is composed of 94.9% red, 88.2% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7% magenta, 38.4% yellow and 5.1% black. It has a hue angle of 49 degrees, a saturation of 78.2% and a lightness of 76.7%. #f2e195 color hex could be obtained by blending #ffffff with #e5c32b. Closest websafe color is: #ffcc99.

♥
- f
- t
- g
- R 95
- G 88
- B 58
RGB color chart
- C 0
- M 7
- Y 38
- K 5
CMYK color chart

● #f2e195 color description : Very soft yellow.

The hexadecimal color #f2e195 has RGB values of R:242, G:225, B:149 and CMYK values of C:0, M:0.07, Y:0.38, K:0.05. Its decimal value is 15917461.

Hex triplet	f2e195	`#f2e195`
RGB Decimal	242, 225, 149	`rgb(242,225,149)`
RGB Percent	94.9, 88.2, 58.4	`rgb(94.9%,88.2%,58.4%)`
CMYK	0, 7, 38, 5
HSL	49°, 78.2, 76.7	`hsl(49,78.2%,76.7%)`
HSV (or HSB)	49°, 38.4, 94.9
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	89.346, -4.774, 39.284
XYZ	68.967, 74.899, 39.256
xyY	0.377, 0.409, 74.899
CIE-LCH	89.346, 39.573, 96.929
CIE-LUV	89.346, 14.765, 53.603
Hunter-Lab	86.544, -9.205, 33.687
Binary	11110010, 11100001, 10010101

#f2e195
```
#f2e195 rgb(242,225,149)
```
#95a6f2
```
#95a6f2 rgb(149,166,242)
```

Complementary Color

#f2b395
```
#f2b395 rgb(242,179,149)
```
#f2e195
```
#f2e195 rgb(242,225,149)
```
#d5f295
```
#d5f295 rgb(213,242,149)
```

Analogous Color

#b395f2
```
#b395f2 rgb(179,149,242)
```
#f2e195
```
#f2e195 rgb(242,225,149)
```
#95d5f2
```
#95d5f2 rgb(149,213,242)
```

Split Complementary Color

#e195f2
```
#e195f2 rgb(225,149,242)
```
#f2e195
```
#f2e195 rgb(242,225,149)
```
#95f2e1
```
#95f2e1 rgb(149,242,225)
```

Triadic Color

#f295a6
```
#f295a6 rgb(242,149,166)
```
#f2e195
```
#f2e195 rgb(242,225,149)
```
#95f2e1
```
#95f2e1 rgb(149,242,225)
```
#95a6f2
```
#95a6f2 rgb(149,166,242)
```

Tetradic Color

#eace51
```
#eace51 rgb(234,206,81)
```
#ecd468
```
#ecd468 rgb(236,212,104)
```
#efdb7e
```
#efdb7e rgb(239,219,126)
```
#f2e195
```
#f2e195 rgb(242,225,149)
```
#f5e7ac
```
#f5e7ac rgb(245,231,172)
```
#f8eec2
```
#f8eec2 rgb(248,238,194)
```
#faf4d9
```
#faf4d9 rgb(250,244,217)
```

Monochromatic Color

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

#f2ca95
```
#f2ca95 rgb(242,202,149)
```
#f2d295
```
#f2d295 rgb(242,210,149)
```
#f2d995
```
#f2d995 rgb(242,217,149)
```
#f2e195
```
#f2e195 rgb(242,225,149)
```
#f2e995
```
#f2e995 rgb(242,233,149)
```
#f2f195
```
#f2f195 rgb(242,241,149)
```
#ecf295
```
#ecf295 rgb(236,242,149)
```

Similar Colors

Text with hexadecimal color #f2e195

This text has a font color of #f2e195.

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

#f2e195 background color

This paragraph has a background color of #f2e195.

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

#f2e195 border color

This element has a border color of #f2e195.

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

CSS codes

.text {color:#f2e195;}

.background {background-color:#f2e195;}

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

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

#100e02
```
#100e02 rgb(16,14,2)
```
#221c04
```
#221c04 rgb(34,28,4)
```
#332b06
```
#332b06 rgb(51,43,6)
```
#453a08
```
#453a08 rgb(69,58,8)
```
#56480b
```
#56480b rgb(86,72,11)
```
#68570d
```
#68570d rgb(104,87,13)
```
#79660f
```
#79660f rgb(121,102,15)
```
#8b7411
```
#8b7411 rgb(139,116,17)
```
#9c8313
```
#9c8313 rgb(156,131,19)
```
#ae9215
```
#ae9215 rgb(174,146,21)
```
#bfa017
```
#bfa017 rgb(191,160,23)
```
#d1af1a
```
#d1af1a rgb(209,175,26)
```
#e2be1c
```
#e2be1c rgb(226,190,28)
```

Shade Color Variation

#e5c32c
```
#e5c32c rgb(229,195,44)
```
#e7c83e
```
#e7c83e rgb(231,200,62)
```
#e9cd4f
```
#e9cd4f rgb(233,205,79)
```
#ecd261
```
#ecd261 rgb(236,210,97)
```
#eed772
```
#eed772 rgb(238,215,114)
```
#f0dc84
```
#f0dc84 rgb(240,220,132)
```
#f2e195
```
#f2e195 rgb(242,225,149)
```
#f4e6a6
```
#f4e6a6 rgb(244,230,166)
```
#f6ebb8
```
#f6ebb8 rgb(246,235,184)
```
#f8f0c9
```
#f8f0c9 rgb(248,240,201)
```
#fbf5db
```
#fbf5db rgb(251,245,219)
```
#fdfaec
```
#fdfaec rgb(253,250,236)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#c4c4c3
```
#c4c4c3 rgb(196,196,195)
```
#c9c7be
```
#c9c7be rgb(201,199,190)
```
#cdcaba
```
#cdcaba rgb(205,202,186)
```
#d2cdb5
```
#d2cdb5 rgb(210,205,181)
```
#d7d0b0
```
#d7d0b0 rgb(215,208,176)
```
#dbd2ac
```
#dbd2ac rgb(219,210,172)
```
#e0d5a7
```
#e0d5a7 rgb(224,213,167)
```
#e4d8a3
```
#e4d8a3 rgb(228,216,163)
```
#e9db9e
```
#e9db9e rgb(233,219,158)
```
#edde9a
```
#edde9a rgb(237,222,154)
```
#f2e195
```
#f2e195 rgb(242,225,149)
```
#f7e490
```
#f7e490 rgb(247,228,144)
```
#fbe78c
```
#fbe78c rgb(251,231,140)
```

Tone Color Variation

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

#dddddd Achromatopsia 0.005% of the population
#e1decf Atypical Achromatopsia 0.001% of the population

Dichromacy

#f4e19a Protanopia 1% of men
#ffdcb9 Deuteranopia 1% of men
#fcd8e8 Tritanopia 0.001% of the population

Trichromacy

#f3e198 Protanomaly 1% of men, 0.01% of women
#faddac Deuteranomaly 6% of men, 0.4% of women
#f8dbc9 Tritanomaly 0.01% of the population

#f2e195 hex color

#f2e195 Color Information

#f2e195 Color Conversion

Color Schemes with #f2e195

Alternatives to #f2e195

#f2e195 Preview

Shades and Tints of #f2e195

Tones of #f2e195

Color Blindness Simulator