#f2f289 hex color

In a RGB color space, hex #f2f289 is composed of 94.9% red, 94.9% green and 53.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0% magenta, 43.4% yellow and 5.1% black. It has a hue angle of 60 degrees, a saturation of 80.2% and a lightness of 74.3%. #f2f289 color hex could be obtained by blending #ffffff with #e5e513. Closest websafe color is: #ffff99.

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

● #f2f289 color description : Very soft yellow.

The hexadecimal color #f2f289 has RGB values of R:242, G:242, B:137 and CMYK values of C:0, M:0, Y:0.43, K:0.05. Its decimal value is 15921801.

Hex triplet	f2f289	`#f2f289`
RGB Decimal	242, 242, 137	`rgb(242,242,137)`
RGB Percent	94.9, 94.9, 53.7	`rgb(94.9%,94.9%,53.7%)`
CMYK	0, 0, 43, 5
HSL	60°, 80.2, 74.3	`hsl(60,80.2%,74.3%)`
HSV (or HSB)	60°, 43.4, 94.9
Web Safe	ffff99	`#ffff99`

CIE-LAB	93.532, -14.469, 50.455
XYZ	72.885, 84.189, 36.076
xyY	0.377, 0.436, 84.189
CIE-LCH	93.532, 52.489, 106.002
CIE-LUV	93.532, 4.943, 68.585
Hunter-Lab	91.754, -18.779, 40.916
Binary	11110010, 11110010, 10001001

#f2f289
```
#f2f289 rgb(242,242,137)
```
#8989f2
```
#8989f2 rgb(137,137,242)
```

Complementary Color

#f2be89
```
#f2be89 rgb(242,190,137)
```
#f2f289
```
#f2f289 rgb(242,242,137)
```
#bef289
```
#bef289 rgb(190,242,137)
```

Analogous Color

#be89f2
```
#be89f2 rgb(190,137,242)
```
#f2f289
```
#f2f289 rgb(242,242,137)
```
#89bef2
```
#89bef2 rgb(137,190,242)
```

Split Complementary Color

#f289f2
```
#f289f2 rgb(242,137,242)
```
#f2f289
```
#f2f289 rgb(242,242,137)
```
#89f2f2
```
#89f2f2 rgb(137,242,242)
```

Triadic Color

#f28989
```
#f28989 rgb(242,137,137)
```
#f2f289
```
#f2f289 rgb(242,242,137)
```
#89f2f2
```
#89f2f2 rgb(137,242,242)
```
#8989f2
```
#8989f2 rgb(137,137,242)
```

Tetradic Color

#eaea44
```
#eaea44 rgb(234,234,68)
```
#eded5b
```
#eded5b rgb(237,237,91)
```
#efef72
```
#efef72 rgb(239,239,114)
```
#f2f289
```
#f2f289 rgb(242,242,137)
```
#f5f5a0
```
#f5f5a0 rgb(245,245,160)
```
#f7f7b7
```
#f7f7b7 rgb(247,247,183)
```
#faface
```
#faface rgb(250,250,206)
```

Monochromatic Color

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

#f2d889
```
#f2d889 rgb(242,216,137)
```
#f2e189
```
#f2e189 rgb(242,225,137)
```
#f2e989
```
#f2e989 rgb(242,233,137)
```
#f2f289
```
#f2f289 rgb(242,242,137)
```
#e9f289
```
#e9f289 rgb(233,242,137)
```
#e1f289
```
#e1f289 rgb(225,242,137)
```
#d8f289
```
#d8f289 rgb(216,242,137)
```

Similar Colors

Text with hexadecimal color #f2f289

This text has a font color of #f2f289.

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

#f2f289 background color

This paragraph has a background color of #f2f289.

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

#f2f289 border color

This element has a border color of #f2f289.

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

CSS codes

.text {color:#f2f289;}

.background {background-color:#f2f289;}

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

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

#060601
```
#060601 rgb(6,6,1)
```
#171703
```
#171703 rgb(23,23,3)
```
#292905
```
#292905 rgb(41,41,5)
```
#3b3b06
```
#3b3b06 rgb(59,59,6)
```
#4c4c08
```
#4c4c08 rgb(76,76,8)
```
#5e5e0a
```
#5e5e0a rgb(94,94,10)
```
#70700c
```
#70700c rgb(112,112,12)
```
#81810e
```
#81810e rgb(129,129,14)
```
#939310
```
#939310 rgb(147,147,16)
```
#a5a512
```
#a5a512 rgb(165,165,18)
```
#b6b614
```
#b6b614 rgb(182,182,20)
```
#c8c816
```
#c8c816 rgb(200,200,22)
```
#dada18
```
#dada18 rgb(218,218,24)
```

Shade Color Variation

#e6e61f
```
#e6e61f rgb(230,230,31)
```
#e8e831
```
#e8e831 rgb(232,232,49)
```
#eaea42
```
#eaea42 rgb(234,234,66)
```
#ecec54
```
#ecec54 rgb(236,236,84)
```
#eeee66
```
#eeee66 rgb(238,238,102)
```
#f0f077
```
#f0f077 rgb(240,240,119)
```
#f2f289
```
#f2f289 rgb(242,242,137)
```
#f4f49b
```
#f4f49b rgb(244,244,155)
```
#f6f6ac
```
#f6f6ac rgb(246,246,172)
```
#f8f8be
```
#f8f8be rgb(248,248,190)
```
#fafad0
```
#fafad0 rgb(250,250,208)
```
#fcfce1
```
#fcfce1 rgb(252,252,225)
```
#fefef3
```
#fefef3 rgb(254,254,243)
```

Tint Color Variation

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

#c0c0bb
```
#c0c0bb rgb(192,192,187)
```
#c5c5b6
```
#c5c5b6 rgb(197,197,182)
```
#cacab1
```
#cacab1 rgb(202,202,177)
```
#cfcfac
```
#cfcfac rgb(207,207,172)
```
#d4d4a7
```
#d4d4a7 rgb(212,212,167)
```
#d9d9a2
```
#d9d9a2 rgb(217,217,162)
```
#dede9d
```
#dede9d rgb(222,222,157)
```
#e3e398
```
#e3e398 rgb(227,227,152)
```
#e8e893
```
#e8e893 rgb(232,232,147)
```
#eded8e
```
#eded8e rgb(237,237,142)
```
#f2f289
```
#f2f289 rgb(242,242,137)
```
#f7f784
```
#f7f784 rgb(247,247,132)
```
#fcfc7f
```
#fcfc7f rgb(252,252,127)
```

Tone Color Variation

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

#e6e6e6 Achromatopsia 0.005% of the population
#e8e8d3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeda8 Protanopia 1% of men
#ffead5 Deuteranopia 1% of men
#ffe6f6 Tritanopia 0.001% of the population

Trichromacy

#faef9d Protanomaly 1% of men, 0.01% of women
#faecb9 Deuteranomaly 6% of men, 0.4% of women
#faeace Tritanomaly 0.01% of the population

#f2f289 hex color

#f2f289 Color Information

#f2f289 Color Conversion

Color Schemes with #f2f289

Alternatives to #f2f289

#f2f289 Preview

Shades and Tints of #f2f289

Tones of #f2f289

Color Blindness Simulator