#f86afa hex color

In a RGB color space, hex #f86afa is composed of 97.3% red, 41.6% green and 98% blue. Whereas in a CMYK color space, it is composed of 0.8% cyan, 57.6% magenta, 0% yellow and 2% black. It has a hue angle of 299.2 degrees, a saturation of 93.5% and a lightness of 69.8%. #f86afa color hex could be obtained by blending #ffd4ff with #f100f5. Closest websafe color is: #ff66ff.

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

● #f86afa color description : Soft magenta.

The hexadecimal color #f86afa has RGB values of R:248, G:106, B:250 and CMYK values of C:0.01, M:0.58, Y:0, K:0.02. Its decimal value is 16280314.

Hex triplet	f86afa	`#f86afa`
RGB Decimal	248, 106, 250	`rgb(248,106,250)`
RGB Percent	97.3, 41.6, 98	`rgb(97.3%,41.6%,98%)`
CMYK	1, 58, 0, 2
HSL	299.2°, 93.5, 69.8	`hsl(299.2,93.5%,69.8%)`
HSV (or HSB)	299.2°, 57.6, 98
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	67.404, 72.067, -46.902
XYZ	61.119, 37.17, 94.393
xyY	0.317, 0.193, 37.17
CIE-LCH	67.404, 85.985, 326.944
CIE-LUV	67.404, 64.182, -85.345
Hunter-Lab	60.967, 72.253, -49.119
Binary	11111000, 01101010, 11111010

#f86afa
```
#f86afa rgb(248,106,250)
```
#6cfa6a
```
#6cfa6a rgb(108,250,106)
```

Complementary Color

#b06afa
```
#b06afa rgb(176,106,250)
```
#f86afa
```
#f86afa rgb(248,106,250)
```
#fa6ab4
```
#fa6ab4 rgb(250,106,180)
```

Analogous Color

#6afab0
```
#6afab0 rgb(106,250,176)
```
#f86afa
```
#f86afa rgb(248,106,250)
```
#b4fa6a
```
#b4fa6a rgb(180,250,106)
```

Split Complementary Color

#6afaf8
```
#6afaf8 rgb(106,250,248)
```
#f86afa
```
#f86afa rgb(248,106,250)
```
#faf86a
```
#faf86a rgb(250,248,106)
```

Triadic Color

#6a6cfa
```
#6a6cfa rgb(106,108,250)
```
#f86afa
```
#f86afa rgb(248,106,250)
```
#faf86a
```
#faf86a rgb(250,248,106)
```
#6cfa6a
```
#6cfa6a rgb(108,250,106)
```

Tetradic Color

#f520f8
```
#f520f8 rgb(245,32,248)
```
#f639f8
```
#f639f8 rgb(246,57,248)
```
#f751f9
```
#f751f9 rgb(247,81,249)
```
#f86afa
```
#f86afa rgb(248,106,250)
```
#f983fb
```
#f983fb rgb(249,131,251)
```
#fa9bfc
```
#fa9bfc rgb(250,155,252)
```
#fbb4fc
```
#fbb4fc rgb(251,180,252)
```

Monochromatic Color

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

#d46afa
```
#d46afa rgb(212,106,250)
```
#e06afa
```
#e06afa rgb(224,106,250)
```
#ec6afa
```
#ec6afa rgb(236,106,250)
```
#f86afa
```
#f86afa rgb(248,106,250)
```
#fa6af0
```
#fa6af0 rgb(250,106,240)
```
#fa6ae4
```
#fa6ae4 rgb(250,106,228)
```
#fa6ad8
```
#fa6ad8 rgb(250,106,216)
```

Similar Colors

Text with hexadecimal color #f86afa

This text has a font color of #f86afa.

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

#f86afa background color

This paragraph has a background color of #f86afa.

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

#f86afa border color

This element has a border color of #f86afa.

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

CSS codes

.text {color:#f86afa;}

.background {background-color:#f86afa;}

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

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

#030003
```
#030003 rgb(3,0,3)
```
#160116
```
#160116 rgb(22,1,22)
```
#280129
```
#280129 rgb(40,1,41)
```
#3b023c
```
#3b023c rgb(59,2,60)
```
#4e034f
```
#4e034f rgb(78,3,79)
```
#600362
```
#600362 rgb(96,3,98)
```
#730475
```
#730475 rgb(115,4,117)
```
#860588
```
#860588 rgb(134,5,136)
```
#99059b
```
#99059b rgb(153,5,155)
```
#ab06ae
```
#ab06ae rgb(171,6,174)
```
#be06c1
```
#be06c1 rgb(190,6,193)
```
#d107d4
```
#d107d4 rgb(209,7,212)
```
#e308e7
```
#e308e7 rgb(227,8,231)
```

Shade Color Variation

#f40bf7
```
#f40bf7 rgb(244,11,247)
```
#f41ef7
```
#f41ef7 rgb(244,30,247)
```
#f531f8
```
#f531f8 rgb(245,49,248)
```
#f644f9
```
#f644f9 rgb(246,68,249)
```
#f757f9
```
#f757f9 rgb(247,87,249)
```
#f86afa
```
#f86afa rgb(248,106,250)
```
#f97dfb
```
#f97dfb rgb(249,125,251)
```
#fa90fb
```
#fa90fb rgb(250,144,251)
```
#fba3fc
```
#fba3fc rgb(251,163,252)
```
#fcb6fd
```
#fcb6fd rgb(252,182,253)
```
#fcc9fd
```
#fcc9fd rgb(252,201,253)
```
#fddcfe
```
#fddcfe rgb(253,220,254)
```
#feeffe
```
#feeffe rgb(254,239,254)
```

Tint Color Variation

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

#b3b1b3
```
#b3b1b3 rgb(179,177,179)
```
#b9abb9
```
#b9abb9 rgb(185,171,185)
```
#bea5bf
```
#bea5bf rgb(190,165,191)
```
#c49fc5
```
#c49fc5 rgb(196,159,197)
```
#ca99cb
```
#ca99cb rgb(202,153,203)
```
#d093d1
```
#d093d1 rgb(208,147,209)
```
#d58ed6
```
#d58ed6 rgb(213,142,214)
```
#db88dc
```
#db88dc rgb(219,136,220)
```
#e182e2
```
#e182e2 rgb(225,130,226)
```
#e77ce8
```
#e77ce8 rgb(231,124,232)
```
#ec76ee
```
#ec76ee rgb(236,118,238)
```
#f270f4
```
#f270f4 rgb(242,112,244)
```
#f86afa
```
#f86afa rgb(248,106,250)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#b699b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#83a6ff Protanopia 1% of men
#8da7ea Deuteranopia 1% of men
#ea8e97 Tritanopia 0.001% of the population

Trichromacy

#ad90fd Protanomaly 1% of men, 0.01% of women
#b391f0 Deuteranomaly 6% of men, 0.4% of women
#ef81bb Tritanomaly 0.01% of the population

#f86afa hex color

#f86afa Color Information

#f86afa Color Conversion

Color Schemes with #f86afa

Alternatives to #f86afa

#f86afa Preview

Shades and Tints of #f86afa

Tones of #f86afa

Color Blindness Simulator