#f2e45e hex color

In a RGB color space, hex #f2e45e is composed of 94.9% red, 89.4% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.8% magenta, 61.2% yellow and 5.1% black. It has a hue angle of 54.3 degrees, a saturation of 85.1% and a lightness of 65.9%. #f2e45e color hex could be obtained by blending #ffffbc with #e5c900. Closest websafe color is: #ffcc66.

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

● #f2e45e color description : Soft yellow.

The hexadecimal color #f2e45e has RGB values of R:242, G:228, B:94 and CMYK values of C:0, M:0.06, Y:0.61, K:0.05. Its decimal value is 15918174.

Hex triplet	f2e45e	`#f2e45e`
RGB Decimal	242, 228, 94	`rgb(242,228,94)`
RGB Percent	94.9, 89.4, 36.9	`rgb(94.9%,89.4%,36.9%)`
CMYK	0, 6, 61, 5
HSL	54.3°, 85.1, 65.9	`hsl(54.3,85.1%,65.9%)`
HSV (or HSB)	54.3°, 61.2, 94.9
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	89.474, -11.015, 65.204
XYZ	66.382, 75.174, 21.602
xyY	0.407, 0.461, 75.174
CIE-LCH	89.474, 66.128, 99.588
CIE-LUV	89.474, 15.235, 80.413
Hunter-Lab	86.703, -15.066, 45.92
Binary	11110010, 11100100, 01011110

#f2e45e
```
#f2e45e rgb(242,228,94)
```
#5e6cf2
```
#5e6cf2 rgb(94,108,242)
```

Complementary Color

#f29a5e
```
#f29a5e rgb(242,154,94)
```
#f2e45e
```
#f2e45e rgb(242,228,94)
```
#b6f25e
```
#b6f25e rgb(182,242,94)
```

Analogous Color

#9a5ef2
```
#9a5ef2 rgb(154,94,242)
```
#f2e45e
```
#f2e45e rgb(242,228,94)
```
#5eb6f2
```
#5eb6f2 rgb(94,182,242)
```

Split Complementary Color

#e45ef2
```
#e45ef2 rgb(228,94,242)
```
#f2e45e
```
#f2e45e rgb(242,228,94)
```
#5ef2e4
```
#5ef2e4 rgb(94,242,228)
```

Triadic Color

#f25e6c
```
#f25e6c rgb(242,94,108)
```
#f2e45e
```
#f2e45e rgb(242,228,94)
```
#5ef2e4
```
#5ef2e4 rgb(94,242,228)
```
#5e6cf2
```
#5e6cf2 rgb(94,108,242)
```

Tetradic Color

#ecd817
```
#ecd817 rgb(236,216,23)
```
#eedc2f
```
#eedc2f rgb(238,220,47)
```
#f0e046
```
#f0e046 rgb(240,224,70)
```
#f2e45e
```
#f2e45e rgb(242,228,94)
```
#f4e876
```
#f4e876 rgb(244,232,118)
```
#f6ec8d
```
#f6ec8d rgb(246,236,141)
```
#f8f0a5
```
#f8f0a5 rgb(248,240,165)
```

Monochromatic Color

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

#f2bf5e
```
#f2bf5e rgb(242,191,94)
```
#f2cb5e
```
#f2cb5e rgb(242,203,94)
```
#f2d85e
```
#f2d85e rgb(242,216,94)
```
#f2e45e
```
#f2e45e rgb(242,228,94)
```
#f2f05e
```
#f2f05e rgb(242,240,94)
```
#e7f25e
```
#e7f25e rgb(231,242,94)
```
#dbf25e
```
#dbf25e rgb(219,242,94)
```

Similar Colors

Text with hexadecimal color #f2e45e

This text has a font color of #f2e45e.

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

#f2e45e background color

This paragraph has a background color of #f2e45e.

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

#f2e45e border color

This element has a border color of #f2e45e.

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

CSS codes

.text {color:#f2e45e;}

.background {background-color:#f2e45e;}

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

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 #fefcef is the lightest one.

#020200
```
#020200 rgb(2,2,0)
```
#141302
```
#141302 rgb(20,19,2)
```
#272303
```
#272303 rgb(39,35,3)
```
#393405
```
#393405 rgb(57,52,5)
```
#4b4406
```
#4b4406 rgb(75,68,6)
```
#5d5508
```
#5d5508 rgb(93,85,8)
```
#6f6609
```
#6f6609 rgb(111,102,9)
```
#81760a
```
#81760a rgb(129,118,10)
```
#94870c
```
#94870c rgb(148,135,12)
```
#a6970d
```
#a6970d rgb(166,151,13)
```
#b8a80f
```
#b8a80f rgb(184,168,15)
```
#cab810
```
#cab810 rgb(202,184,16)
```
#dcc912
```
#dcc912 rgb(220,201,18)
```

Shade Color Variation

#ecd815
```
#ecd815 rgb(236,216,21)
```
#eedb28
```
#eedb28 rgb(238,219,40)
```
#efde3a
```
#efde3a rgb(239,222,58)
```
#f1e14c
```
#f1e14c rgb(241,225,76)
```
#f2e45e
```
#f2e45e rgb(242,228,94)
```
#f3e770
```
#f3e770 rgb(243,231,112)
```
#f5ea82
```
#f5ea82 rgb(245,234,130)
```
#f6ed94
```
#f6ed94 rgb(246,237,148)
```
#f8f0a7
```
#f8f0a7 rgb(248,240,167)
```
#f9f3b9
```
#f9f3b9 rgb(249,243,185)
```
#fbf6cb
```
#fbf6cb rgb(251,246,203)
```
#fcf9dd
```
#fcf9dd rgb(252,249,221)
```
#fefcef
```
#fefcef rgb(254,252,239)
```

Tint Color Variation

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

#a8a8a8
```
#a8a8a8 rgb(168,168,168)
```
#afaea1
```
#afaea1 rgb(175,174,161)
```
#b6b39a
```
#b6b39a rgb(182,179,154)
```
#bcb994
```
#bcb994 rgb(188,185,148)
```
#c3be8d
```
#c3be8d rgb(195,190,141)
```
#cac386
```
#cac386 rgb(202,195,134)
```
#d1c97f
```
#d1c97f rgb(209,201,127)
```
#d7ce79
```
#d7ce79 rgb(215,206,121)
```
#ded472
```
#ded472 rgb(222,212,114)
```
#e5d96b
```
#e5d96b rgb(229,217,107)
```
#ebdf65
```
#ebdf65 rgb(235,223,101)
```
#f2e45e
```
#f2e45e rgb(242,228,94)
```
#f9e957
```
#f9e957 rgb(249,233,87)
```

Tone Color Variation

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

#d9d9d9 Achromatopsia 0.005% of the population
#dedbc0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fae265 Protanopia 1% of men
#ffddb2 Deuteranopia 1% of men
#ffd8e7 Tritanopia 0.001% of the population

Trichromacy

#f7e362 Protanomaly 1% of men, 0.01% of women
#fadf93 Deuteranomaly 6% of men, 0.4% of women
#fadcb5 Tritanomaly 0.01% of the population

#f2e45e hex color

#f2e45e Color Information

#f2e45e Color Conversion

Color Schemes with #f2e45e

Alternatives to #f2e45e

#f2e45e Preview

Shades and Tints of #f2e45e

Tones of #f2e45e

Color Blindness Simulator