#f86bdc hex color

In a RGB color space, hex #f86bdc is composed of 97.3% red, 42% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.9% magenta, 11.3% yellow and 2.7% black. It has a hue angle of 311.9 degrees, a saturation of 91% and a lightness of 69.6%. #f86bdc color hex could be obtained by blending #ffd6ff with #f100b9. Closest websafe color is: #ff66cc.

♥
- f
- t
- g
- R 97
- G 42
- B 86
RGB color chart
- C 0
- M 57
- Y 11
- K 3
CMYK color chart

● #f86bdc color description : Soft magenta.

The hexadecimal color #f86bdc has RGB values of R:248, G:107, B:220 and CMYK values of C:0, M:0.57, Y:0.11, K:0.03. Its decimal value is 16280540.

Hex triplet	f86bdc	`#f86bdc`
RGB Decimal	248, 107, 220	`rgb(248,107,220)`
RGB Percent	97.3, 42, 86.3	`rgb(97.3%,42%,86.3%)`
CMYK	0, 57, 11, 3
HSL	311.9°, 91, 69.6	`hsl(311.9,91%,69.6%)`
HSV (or HSB)	311.9°, 56.9, 97.3
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	66.246, 66.858, -32.107
XYZ	56.887, 35.643, 71.59
xyY	0.347, 0.217, 35.643
CIE-LCH	66.246, 74.168, 334.348
CIE-LUV	66.246, 72.661, -60.703
Hunter-Lab	59.702, 65.606, -29.305
Binary	11111000, 01101011, 11011100

#f86bdc
```
#f86bdc rgb(248,107,220)
```
#6bf887
```
#6bf887 rgb(107,248,135)
```

Complementary Color

#ce6bf8
```
#ce6bf8 rgb(206,107,248)
```
#f86bdc
```
#f86bdc rgb(248,107,220)
```
#f86b96
```
#f86b96 rgb(248,107,150)
```

Analogous Color

#6bf8ce
```
#6bf8ce rgb(107,248,206)
```
#f86bdc
```
#f86bdc rgb(248,107,220)
```
#96f86b
```
#96f86b rgb(150,248,107)
```

Split Complementary Color

#6bdcf8
```
#6bdcf8 rgb(107,220,248)
```
#f86bdc
```
#f86bdc rgb(248,107,220)
```
#dcf86b
```
#dcf86b rgb(220,248,107)
```

Triadic Color

#876bf8
```
#876bf8 rgb(135,107,248)
```
#f86bdc
```
#f86bdc rgb(248,107,220)
```
#dcf86b
```
#dcf86b rgb(220,248,107)
```
#6bf887
```
#6bf887 rgb(107,248,135)
```

Tetradic Color

#f522cb
```
#f522cb rgb(245,34,203)
```
#f63ad0
```
#f63ad0 rgb(246,58,208)
```
#f753d6
```
#f753d6 rgb(247,83,214)
```
#f86bdc
```
#f86bdc rgb(248,107,220)
```
#f983e2
```
#f983e2 rgb(249,131,226)
```
#fa9ce8
```
#fa9ce8 rgb(250,156,232)
```
#fbb4ed
```
#fbb4ed rgb(251,180,237)
```

Monochromatic Color

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

#f16bf8
```
#f16bf8 rgb(241,107,248)
```
#f86bf4
```
#f86bf4 rgb(248,107,244)
```
#f86be8
```
#f86be8 rgb(248,107,232)
```
#f86bdc
```
#f86bdc rgb(248,107,220)
```
#f86bd0
```
#f86bd0 rgb(248,107,208)
```
#f86bc5
```
#f86bc5 rgb(248,107,197)
```
#f86bb9
```
#f86bb9 rgb(248,107,185)
```

Similar Colors

Text with hexadecimal color #f86bdc

This text has a font color of #f86bdc.

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

#f86bdc background color

This paragraph has a background color of #f86bdc.

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

#f86bdc border color

This element has a border color of #f86bdc.

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

CSS codes

.text {color:#f86bdc;}

.background {background-color:#f86bdc;}

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

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

#020001
```
#020001 rgb(2,0,1)
```
#150111
```
#150111 rgb(21,1,17)
```
#270220
```
#270220 rgb(39,2,32)
```
#3a032f
```
#3a032f rgb(58,3,47)
```
#4d043e
```
#4d043e rgb(77,4,62)
```
#5f054d
```
#5f054d rgb(95,5,77)
```
#72055d
```
#72055d rgb(114,5,93)
```
#85066c
```
#85066c rgb(133,6,108)
```
#98077b
```
#98077b rgb(152,7,123)
```
#aa088a
```
#aa088a rgb(170,8,138)
```
#bd0999
```
#bd0999 rgb(189,9,153)
```
#d00aa9
```
#d00aa9 rgb(208,10,169)
```
#e30bb8
```
#e30bb8 rgb(227,11,184)
```

Shade Color Variation

#f40dc6
```
#f40dc6 rgb(244,13,198)
```
#f420ca
```
#f420ca rgb(244,32,202)
```
#f533cf
```
#f533cf rgb(245,51,207)
```
#f646d3
```
#f646d3 rgb(246,70,211)
```
#f758d8
```
#f758d8 rgb(247,88,216)
```
#f86bdc
```
#f86bdc rgb(248,107,220)
```
#f97ee0
```
#f97ee0 rgb(249,126,224)
```
#fa90e5
```
#fa90e5 rgb(250,144,229)
```
#fba3e9
```
#fba3e9 rgb(251,163,233)
```
#fcb6ee
```
#fcb6ee rgb(252,182,238)
```
#fcc9f2
```
#fcc9f2 rgb(252,201,242)
```
#fddbf7
```
#fddbf7 rgb(253,219,247)
```
#feeefb
```
#feeefb rgb(254,238,251)
```

Tint Color Variation

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

#b6adb4
```
#b6adb4 rgb(182,173,180)
```
#bca7b8
```
#bca7b8 rgb(188,167,184)
```
#c2a1bc
```
#c2a1bc rgb(194,161,188)
```
#c89bbf
```
#c89bbf rgb(200,155,191)
```
#ce95c3
```
#ce95c3 rgb(206,149,195)
```
#d48fc6
```
#d48fc6 rgb(212,143,198)
```
#da89ca
```
#da89ca rgb(218,137,202)
```
#e083ce
```
#e083ce rgb(224,131,206)
```
#e67dd1
```
#e67dd1 rgb(230,125,209)
```
#ec77d5
```
#ec77d5 rgb(236,119,213)
```
#f271d8
```
#f271d8 rgb(242,113,216)
```
#f86bdc
```
#f86bdc rgb(248,107,220)
```
#fe65e0
```
#fe65e0 rgb(254,101,224)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#b397ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#7fa2ff Protanopia 1% of men
#9da3d0 Deuteranopia 1% of men
#ef878f Tritanopia 0.001% of the population

Trichromacy

#ab8ef2 Protanomaly 1% of men, 0.01% of women
#be8ed4 Deuteranomaly 6% of men, 0.4% of women
#f27cab Tritanomaly 0.01% of the population

#f86bdc hex color

#f86bdc Color Information

#f86bdc Color Conversion

Color Schemes with #f86bdc

Alternatives to #f86bdc

#f86bdc Preview

Shades and Tints of #f86bdc

Tones of #f86bdc

Color Blindness Simulator