#f2f981 hex color

In a RGB color space, hex #f2f981 is composed of 94.9% red, 97.6% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 0% magenta, 48.2% yellow and 2.4% black. It has a hue angle of 63.5 degrees, a saturation of 90.9% and a lightness of 74.1%. #f2f981 color hex could be obtained by blending #ffffff with #e5f303. Closest websafe color is: #ffff99.

♥
- f
- t
- g
- R 95
- G 98
- B 51
RGB color chart
- C 3
- M 0
- Y 48
- K 2
CMYK color chart

● #f2f981 color description : Soft yellow.

The hexadecimal color #f2f981 has RGB values of R:242, G:249, B:129 and CMYK values of C:0.03, M:0, Y:0.48, K:0.02. Its decimal value is 15923585.

Hex triplet	f2f981	`#f2f981`
RGB Decimal	242, 249, 129	`rgb(242,249,129)`
RGB Percent	94.9, 97.6, 50.6	`rgb(94.9%,97.6%,50.6%)`
CMYK	3, 0, 48, 2
HSL	63.5°, 90.9, 74.1	`hsl(63.5,90.9%,74.1%)`
HSV (or HSB)	63.5°, 48.2, 97.6
Web Safe	ffff99	`#ffff99`

CIE-LAB	95.251, -18.614, 56.296
XYZ	74.455, 88.214, 33.873
xyY	0.379, 0.449, 88.214
CIE-LCH	95.251, 59.293, 108.296
CIE-LUV	95.251, 0.994, 75.783
Hunter-Lab	93.922, -22.861, 44.363
Binary	11110010, 11111001, 10000001

#f2f981
```
#f2f981 rgb(242,249,129)
```
#8881f9
```
#8881f9 rgb(136,129,249)
```

Complementary Color

#f9c481
```
#f9c481 rgb(249,196,129)
```
#f2f981
```
#f2f981 rgb(242,249,129)
```
#b6f981
```
#b6f981 rgb(182,249,129)
```

Analogous Color

#c481f9
```
#c481f9 rgb(196,129,249)
```
#f2f981
```
#f2f981 rgb(242,249,129)
```
#81b6f9
```
#81b6f9 rgb(129,182,249)
```

Split Complementary Color

#f981f2
```
#f981f2 rgb(249,129,242)
```
#f2f981
```
#f2f981 rgb(242,249,129)
```
#81f2f9
```
#81f2f9 rgb(129,242,249)
```

Triadic Color

#f98881
```
#f98881 rgb(249,136,129)
```
#f2f981
```
#f2f981 rgb(242,249,129)
```
#81f2f9
```
#81f2f9 rgb(129,242,249)
```
#8881f9
```
#8881f9 rgb(136,129,249)
```

Tetradic Color

#eaf638
```
#eaf638 rgb(234,246,56)
```
#edf750
```
#edf750 rgb(237,247,80)
```
#eff869
```
#eff869 rgb(239,248,105)
```
#f2f981
```
#f2f981 rgb(242,249,129)
```
#f5fa99
```
#f5fa99 rgb(245,250,153)
```
#f7fbb2
```
#f7fbb2 rgb(247,251,178)
```
#fafcca
```
#fafcca rgb(250,252,202)
```

Monochromatic Color

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

#f9e281
```
#f9e281 rgb(249,226,129)
```
#f9ec81
```
#f9ec81 rgb(249,236,129)
```
#f9f681
```
#f9f681 rgb(249,246,129)
```
#f2f981
```
#f2f981 rgb(242,249,129)
```
#e8f981
```
#e8f981 rgb(232,249,129)
```
#def981
```
#def981 rgb(222,249,129)
```
#d4f981
```
#d4f981 rgb(212,249,129)
```

Similar Colors

Text with hexadecimal color #f2f981

This text has a font color of #f2f981.

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

#f2f981 background color

This paragraph has a background color of #f2f981.

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

#f2f981 border color

This element has a border color of #f2f981.

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

CSS codes

.text {color:#f2f981;}

.background {background-color:#f2f981;}

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

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

#050500
```
#050500 rgb(5,5,0)
```
#161801
```
#161801 rgb(22,24,1)
```
#282b02
```
#282b02 rgb(40,43,2)
```
#3a3d03
```
#3a3d03 rgb(58,61,3)
```
#4c5004
```
#4c5004 rgb(76,80,4)
```
#5d6305
```
#5d6305 rgb(93,99,5)
```
#6f7506
```
#6f7506 rgb(111,117,6)
```
#818806
```
#818806 rgb(129,136,6)
```
#929b07
```
#929b07 rgb(146,155,7)
```
#a4ae08
```
#a4ae08 rgb(164,174,8)
```
#b6c009
```
#b6c009 rgb(182,192,9)
```
#c7d30a
```
#c7d30a rgb(199,211,10)
```
#d9e60b
```
#d9e60b rgb(217,230,11)
```

Shade Color Variation

#e6f411
```
#e6f411 rgb(230,244,17)
```
#e8f523
```
#e8f523 rgb(232,245,35)
```
#eaf536
```
#eaf536 rgb(234,245,54)
```
#ecf649
```
#ecf649 rgb(236,246,73)
```
#eef75c
```
#eef75c rgb(238,247,92)
```
#f0f86e
```
#f0f86e rgb(240,248,110)
```
#f2f981
```
#f2f981 rgb(242,249,129)
```
#f4fa94
```
#f4fa94 rgb(244,250,148)
```
#f6fba6
```
#f6fba6 rgb(246,251,166)
```
#f8fcb9
```
#f8fcb9 rgb(248,252,185)
```
#fafdcc
```
#fafdcc rgb(250,253,204)
```
#fcfddf
```
#fcfddf rgb(252,253,223)
```
#fefef1
```
#fefef1 rgb(254,254,241)
```

Tint Color Variation

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

#c1c1b9
```
#c1c1b9 rgb(193,193,185)
```
#c5c6b4
```
#c5c6b4 rgb(197,198,180)
```
#cacbaf
```
#cacbaf rgb(202,203,175)
```
#ced0aa
```
#ced0aa rgb(206,208,170)
```
#d3d5a5
```
#d3d5a5 rgb(211,213,165)
```
#d7db9f
```
#d7db9f rgb(215,219,159)
```
#dce09a
```
#dce09a rgb(220,224,154)
```
#e0e595
```
#e0e595 rgb(224,229,149)
```
#e5ea90
```
#e5ea90 rgb(229,234,144)
```
#e9ef8b
```
#e9ef8b rgb(233,239,139)
```
#eef486
```
#eef486 rgb(238,244,134)
```
#f2f981
```
#f2f981 rgb(242,249,129)
```
#f6fe7c
```
#f6fe7c rgb(246,254,124)
```

Tone Color Variation

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

#e9e9e9 Achromatopsia 0.005% of the population
#ebecd4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fff2c3 Protanopia 1% of men
#ffefe0 Deuteranopia 1% of men
#ffecfb Tritanopia 0.001% of the population

Trichromacy

#faf4ab Protanomaly 1% of men, 0.01% of women
#faf3bd Deuteranomaly 6% of men, 0.4% of women
#faf1ce Tritanomaly 0.01% of the population

#f2f981 hex color

#f2f981 Color Information

#f2f981 Color Conversion

Color Schemes with #f2f981

Alternatives to #f2f981

#f2f981 Preview

Shades and Tints of #f2f981

Tones of #f2f981

Color Blindness Simulator