#f1fa86 hex color

In a RGB color space, hex #f1fa86 is composed of 94.5% red, 98% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 3.6% cyan, 0% magenta, 46.4% yellow and 2% black. It has a hue angle of 64.7 degrees, a saturation of 92.1% and a lightness of 75.3%. #f1fa86 color hex could be obtained by blending #ffffff with #e3f50d. Closest websafe color is: #ffff99.

♥
- f
- t
- g
- R 95
- G 98
- B 53
RGB color chart
- C 4
- M 0
- Y 46
- K 2
CMYK color chart

● #f1fa86 color description : Soft yellow.

The hexadecimal color #f1fa86 has RGB values of R:241, G:250, B:134 and CMYK values of C:0.04, M:0, Y:0.46, K:0.02. Its decimal value is 15858310.

Hex triplet	f1fa86	`#f1fa86`
RGB Decimal	241, 250, 134	`rgb(241,250,134)`
RGB Percent	94.5, 98, 52.5	`rgb(94.5%,98%,52.5%)`
CMYK	4, 0, 46, 2
HSL	64.7°, 92.1, 75.3	`hsl(64.7,92.1%,75.3%)`
HSV (or HSB)	64.7°, 46.4, 98
Web Safe	ffff99	`#ffff99`

CIE-LAB	95.494, -19.026, 54.251
XYZ	74.764, 88.794, 35.753
xyY	0.375, 0.446, 88.794
CIE-LCH	95.494, 57.491, 109.326
CIE-LUV	95.494, -0.378, 73.895
Hunter-Lab	94.23, -23.279, 43.465
Binary	11110001, 11111010, 10000110

#f1fa86
```
#f1fa86 rgb(241,250,134)
```
#8f86fa
```
#8f86fa rgb(143,134,250)
```

Complementary Color

#fac986
```
#fac986 rgb(250,201,134)
```
#f1fa86
```
#f1fa86 rgb(241,250,134)
```
#b7fa86
```
#b7fa86 rgb(183,250,134)
```

Analogous Color

#c986fa
```
#c986fa rgb(201,134,250)
```
#f1fa86
```
#f1fa86 rgb(241,250,134)
```
#86b7fa
```
#86b7fa rgb(134,183,250)
```

Split Complementary Color

#fa86f1
```
#fa86f1 rgb(250,134,241)
```
#f1fa86
```
#f1fa86 rgb(241,250,134)
```
#86f1fa
```
#86f1fa rgb(134,241,250)
```

Triadic Color

#fa8f86
```
#fa8f86 rgb(250,143,134)
```
#f1fa86
```
#f1fa86 rgb(241,250,134)
```
#86f1fa
```
#86f1fa rgb(134,241,250)
```
#8f86fa
```
#8f86fa rgb(143,134,250)
```

Tetradic Color

#e9f73d
```
#e9f73d rgb(233,247,61)
```
#ebf855
```
#ebf855 rgb(235,248,85)
```
#eef96e
```
#eef96e rgb(238,249,110)
```
#f1fa86
```
#f1fa86 rgb(241,250,134)
```
#f4fb9e
```
#f4fb9e rgb(244,251,158)
```
#f7fcb7
```
#f7fcb7 rgb(247,252,183)
```
#fafdcf
```
#fafdcf rgb(250,253,207)
```

Monochromatic Color

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

#fae686
```
#fae686 rgb(250,230,134)
```
#faf086
```
#faf086 rgb(250,240,134)
```
#faf986
```
#faf986 rgb(250,249,134)
```
#f1fa86
```
#f1fa86 rgb(241,250,134)
```
#e7fa86
```
#e7fa86 rgb(231,250,134)
```
#defa86
```
#defa86 rgb(222,250,134)
```
#d4fa86
```
#d4fa86 rgb(212,250,134)
```

Similar Colors

Text with hexadecimal color #f1fa86

This text has a font color of #f1fa86.

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

#f1fa86 background color

This paragraph has a background color of #f1fa86.

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

#f1fa86 border color

This element has a border color of #f1fa86.

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

CSS codes

.text {color:#f1fa86;}

.background {background-color:#f1fa86;}

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

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, #0a0b00 is the darkest color, while #fefff7 is the lightest one.

#0a0b00
```
#0a0b00 rgb(10,11,0)
```
#1b1e01
```
#1b1e01 rgb(27,30,1)
```
#2d3102
```
#2d3102 rgb(45,49,2)
```
#3e4303
```
#3e4303 rgb(62,67,3)
```
#505604
```
#505604 rgb(80,86,4)
```
#616904
```
#616904 rgb(97,105,4)
```
#737c05
```
#737c05 rgb(115,124,5)
```
#848f06
```
#848f06 rgb(132,143,6)
```
#96a207
```
#96a207 rgb(150,162,7)
```
#a7b407
```
#a7b407 rgb(167,180,7)
```
#b8c708
```
#b8c708 rgb(184,199,8)
```
#cada09
```
#cada09 rgb(202,218,9)
```
#dbed0a
```
#dbed0a rgb(219,237,10)
```

Shade Color Variation

#e4f515
```
#e4f515 rgb(228,245,21)
```
#e6f628
```
#e6f628 rgb(230,246,40)
```
#e8f73b
```
#e8f73b rgb(232,247,59)
```
#eaf84d
```
#eaf84d rgb(234,248,77)
```
#edf860
```
#edf860 rgb(237,248,96)
```
#eff973
```
#eff973 rgb(239,249,115)
```
#f1fa86
```
#f1fa86 rgb(241,250,134)
```
#f3fb99
```
#f3fb99 rgb(243,251,153)
```
#f5fcac
```
#f5fcac rgb(245,252,172)
```
#f8fcbf
```
#f8fcbf rgb(248,252,191)
```
#fafdd1
```
#fafdd1 rgb(250,253,209)
```
#fcfee4
```
#fcfee4 rgb(252,254,228)
```
#fefff7
```
#fefff7 rgb(254,255,247)
```

Tint Color Variation

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

#c4c5bb
```
#c4c5bb rgb(196,197,187)
```
#c8cab6
```
#c8cab6 rgb(200,202,182)
```
#ccceb2
```
#ccceb2 rgb(204,206,178)
```
#d0d3ad
```
#d0d3ad rgb(208,211,173)
```
#d4d8a8
```
#d4d8a8 rgb(212,216,168)
```
#d8dda3
```
#d8dda3 rgb(216,221,163)
```
#dde29e
```
#dde29e rgb(221,226,158)
```
#e1e799
```
#e1e799 rgb(225,231,153)
```
#e5eb95
```
#e5eb95 rgb(229,235,149)
```
#e9f090
```
#e9f090 rgb(233,240,144)
```
#edf58b
```
#edf58b rgb(237,245,139)
```
#f1fa86
```
#f1fa86 rgb(241,250,134)
```
#f5ff81
```
#f5ff81 rgb(245,255,129)
```

Tone Color Variation

Below, you can see how #f1fa86 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
#ebedd6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fff2c7 Protanopia 1% of men
#fff0e2 Deuteranopia 1% of men
#ffedfc Tritanopia 0.001% of the population

Trichromacy

#f9f5af Protanomaly 1% of men, 0.01% of women
#f9f3c0 Deuteranomaly 6% of men, 0.4% of women
#f9f2d1 Tritanomaly 0.01% of the population

#f1fa86 hex color

#f1fa86 Color Information

#f1fa86 Color Conversion

Color Schemes with #f1fa86

Alternatives to #f1fa86

#f1fa86 Preview

Shades and Tints of #f1fa86

Tones of #f1fa86

Color Blindness Simulator