#f86cfb hex color

In a RGB color space, hex #f86cfb is composed of 97.3% red, 42.4% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 1.2% cyan, 57% magenta, 0% yellow and 1.6% black. It has a hue angle of 298.7 degrees, a saturation of 94.7% and a lightness of 70.4%. #f86cfb color hex could be obtained by blending #ffd8ff with #f100f7. Closest websafe color is: #ff66ff.

♥
- f
- t
- g
- R 97
- G 42
- B 98
RGB color chart
- C 1
- M 57
- Y 0
- K 2
CMYK color chart

● #f86cfb color description : Soft magenta.

The hexadecimal color #f86cfb has RGB values of R:248, G:108, B:251 and CMYK values of C:0.01, M:0.57, Y:0, K:0.02. Its decimal value is 16280827.

Hex triplet	f86cfb	`#f86cfb`
RGB Decimal	248, 108, 251	`rgb(248,108,251)`
RGB Percent	97.3, 42.4, 98.4	`rgb(97.3%,42.4%,98.4%)`
CMYK	1, 57, 0, 2
HSL	298.7°, 94.7, 70.4	`hsl(298.7,94.7%,70.4%)`
HSV (or HSB)	298.7°, 57, 98.4
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	67.762, 71.386, -46.888
XYZ	61.485, 37.65, 95.29
xyY	0.316, 0.194, 37.65
CIE-LCH	67.762, 85.407, 326.702
CIE-LUV	67.762, 63.249, -85.301
Hunter-Lab	61.359, 71.486, -49.125
Binary	11111000, 01101100, 11111011

#f86cfb
```
#f86cfb rgb(248,108,251)
```
#6ffb6c
```
#6ffb6c rgb(111,251,108)
```

Complementary Color

#b16cfb
```
#b16cfb rgb(177,108,251)
```
#f86cfb
```
#f86cfb rgb(248,108,251)
```
#fb6cb7
```
#fb6cb7 rgb(251,108,183)
```

Analogous Color

#6cfbb1
```
#6cfbb1 rgb(108,251,177)
```
#f86cfb
```
#f86cfb rgb(248,108,251)
```
#b7fb6c
```
#b7fb6c rgb(183,251,108)
```

Split Complementary Color

#6cfbf8
```
#6cfbf8 rgb(108,251,248)
```
#f86cfb
```
#f86cfb rgb(248,108,251)
```
#fbf86c
```
#fbf86c rgb(251,248,108)
```

Triadic Color

#6c6ffb
```
#6c6ffb rgb(108,111,251)
```
#f86cfb
```
#f86cfb rgb(248,108,251)
```
#fbf86c
```
#fbf86c rgb(251,248,108)
```
#6ffb6c
```
#6ffb6c rgb(111,251,108)
```

Tetradic Color

#f422f9
```
#f422f9 rgb(244,34,249)
```
#f63afa
```
#f63afa rgb(246,58,250)
```
#f753fa
```
#f753fa rgb(247,83,250)
```
#f86cfb
```
#f86cfb rgb(248,108,251)
```
#f985fc
```
#f985fc rgb(249,133,252)
```
#fa9efc
```
#fa9efc rgb(250,158,252)
```
#fcb6fd
```
#fcb6fd rgb(252,182,253)
```

Monochromatic Color

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

#d46cfb
```
#d46cfb rgb(212,108,251)
```
#e06cfb
```
#e06cfb rgb(224,108,251)
```
#ec6cfb
```
#ec6cfb rgb(236,108,251)
```
#f86cfb
```
#f86cfb rgb(248,108,251)
```
#fb6cf2
```
#fb6cf2 rgb(251,108,242)
```
#fb6ce6
```
#fb6ce6 rgb(251,108,230)
```
#fb6cda
```
#fb6cda rgb(251,108,218)
```

Similar Colors

Text with hexadecimal color #f86cfb

This text has a font color of #f86cfb.

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

#f86cfb background color

This paragraph has a background color of #f86cfb.

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

#f86cfb border color

This element has a border color of #f86cfb.

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

CSS codes

.text {color:#f86cfb;}

.background {background-color:#f86cfb;}

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

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

#060006
```
#060006 rgb(6,0,6)
```
#180119
```
#180119 rgb(24,1,25)
```
#2b012c
```
#2b012c rgb(43,1,44)
```
#3e023f
```
#3e023f rgb(62,2,63)
```
#500252
```
#500252 rgb(80,2,82)
```
#630365
```
#630365 rgb(99,3,101)
```
#760378
```
#760378 rgb(118,3,120)
```
#89048b
```
#89048b rgb(137,4,139)
```
#9b049f
```
#9b049f rgb(155,4,159)
```
#ae05b2
```
#ae05b2 rgb(174,5,178)
```
#c105c5
```
#c105c5 rgb(193,5,197)
```
#d306d8
```
#d306d8 rgb(211,6,216)
```
#e606eb
```
#e606eb rgb(230,6,235)
```

Shade Color Variation

#f30df8
```
#f30df8 rgb(243,13,248)
```
#f420f9
```
#f420f9 rgb(244,32,249)
```
#f533f9
```
#f533f9 rgb(245,51,249)
```
#f646fa
```
#f646fa rgb(246,70,250)
```
#f759fa
```
#f759fa rgb(247,89,250)
```
#f86cfb
```
#f86cfb rgb(248,108,251)
```
#f97ffc
```
#f97ffc rgb(249,127,252)
```
#fa92fc
```
#fa92fc rgb(250,146,252)
```
#fba5fd
```
#fba5fd rgb(251,165,253)
```
#fcb8fd
```
#fcb8fd rgb(252,184,253)
```
#fdcbfe
```
#fdcbfe rgb(253,203,254)
```
#fddffe
```
#fddffe rgb(253,223,254)
```
#fef2ff
```
#fef2ff rgb(254,242,255)
```

Tint Color Variation

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

#b5b2b5
```
#b5b2b5 rgb(181,178,181)
```
#bbacbb
```
#bbacbb rgb(187,172,187)
```
#c0a6c1
```
#c0a6c1 rgb(192,166,193)
```
#c6a0c7
```
#c6a0c7 rgb(198,160,199)
```
#cb9acd
```
#cb9acd rgb(203,154,205)
```
#d195d2
```
#d195d2 rgb(209,149,210)
```
#d78fd8
```
#d78fd8 rgb(215,143,216)
```
#dc89de
```
#dc89de rgb(220,137,222)
```
#e283e4
```
#e283e4 rgb(226,131,228)
```
#e77dea
```
#e77dea rgb(231,125,234)
```
#ed78ef
```
#ed78ef rgb(237,120,239)
```
#f272f5
```
#f272f5 rgb(242,114,245)
```
#f86cfb
```
#f86cfb rgb(248,108,251)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#b69ab7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#85a7ff Protanopia 1% of men
#8da8ec Deuteranopia 1% of men
#ea8f99 Tritanopia 0.001% of the population

Trichromacy

#ae91fd Protanomaly 1% of men, 0.01% of women
#b492f1 Deuteranomaly 6% of men, 0.4% of women
#ef82bc Tritanomaly 0.01% of the population

#f86cfb hex color

#f86cfb Color Information

#f86cfb Color Conversion

Color Schemes with #f86cfb

Alternatives to #f86cfb

#f86cfb Preview

Shades and Tints of #f86cfb

Tones of #f86cfb

Color Blindness Simulator