#f86dd2 hex color

In a RGB color space, hex #f86dd2 is composed of 97.3% red, 42.7% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56% magenta, 15.3% yellow and 2.7% black. It has a hue angle of 316.4 degrees, a saturation of 90.8% and a lightness of 70%. #f86dd2 color hex could be obtained by blending #ffdaff with #f100a5. Closest websafe color is: #ff66cc.

♥
- f
- t
- g
- R 97
- G 43
- B 82
RGB color chart
- C 0
- M 56
- Y 15
- K 3
CMYK color chart

● #f86dd2 color description : Soft pink.

The hexadecimal color #f86dd2 has RGB values of R:248, G:109, B:210 and CMYK values of C:0, M:0.56, Y:0.15, K:0.03. Its decimal value is 16281042.

Hex triplet	f86dd2	`#f86dd2`
RGB Decimal	248, 109, 210	`rgb(248,109,210)`
RGB Percent	97.3, 42.7, 82.4	`rgb(97.3%,42.7%,82.4%)`
CMYK	0, 56, 15, 3
HSL	316.4°, 90.8, 70	`hsl(316.4,90.8%,70%)`
HSV (or HSB)	316.4°, 56, 97.3
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	66.175, 64.495, -26.627
XYZ	55.813, 35.551, 64.892
xyY	0.357, 0.228, 35.551
CIE-LCH	66.175, 69.776, 337.566
CIE-LUV	66.175, 74.853, -51.701
Hunter-Lab	59.624, 62.746, -22.791
Binary	11111000, 01101101, 11010010

#f86dd2
```
#f86dd2 rgb(248,109,210)
```
#6df893
```
#6df893 rgb(109,248,147)
```

Complementary Color

#d96df8
```
#d96df8 rgb(217,109,248)
```
#f86dd2
```
#f86dd2 rgb(248,109,210)
```
#f86d8d
```
#f86d8d rgb(248,109,141)
```

Analogous Color

#6df8d9
```
#6df8d9 rgb(109,248,217)
```
#f86dd2
```
#f86dd2 rgb(248,109,210)
```
#8df86d
```
#8df86d rgb(141,248,109)
```

Split Complementary Color

#6dd2f8
```
#6dd2f8 rgb(109,210,248)
```
#f86dd2
```
#f86dd2 rgb(248,109,210)
```
#d2f86d
```
#d2f86d rgb(210,248,109)
```

Triadic Color

#936df8
```
#936df8 rgb(147,109,248)
```
#f86dd2
```
#f86dd2 rgb(248,109,210)
```
#d2f86d
```
#d2f86d rgb(210,248,109)
```
#6df893
```
#6df893 rgb(109,248,147)
```

Tetradic Color

#f524bc
```
#f524bc rgb(245,36,188)
```
#f63cc3
```
#f63cc3 rgb(246,60,195)
```
#f755cb
```
#f755cb rgb(247,85,203)
```
#f86dd2
```
#f86dd2 rgb(248,109,210)
```
#f985da
```
#f985da rgb(249,133,218)
```
#fa9ee1
```
#fa9ee1 rgb(250,158,225)
```
#fcb6e9
```
#fcb6e9 rgb(252,182,233)
```

Monochromatic Color

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

#f86df5
```
#f86df5 rgb(248,109,245)
```
#f86de9
```
#f86de9 rgb(248,109,233)
```
#f86dde
```
#f86dde rgb(248,109,222)
```
#f86dd2
```
#f86dd2 rgb(248,109,210)
```
#f86dc6
```
#f86dc6 rgb(248,109,198)
```
#f86dbb
```
#f86dbb rgb(248,109,187)
```
#f86daf
```
#f86daf rgb(248,109,175)
```

Similar Colors

Text with hexadecimal color #f86dd2

This text has a font color of #f86dd2.

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

#f86dd2 background color

This paragraph has a background color of #f86dd2.

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

#f86dd2 border color

This element has a border color of #f86dd2.

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

CSS codes

.text {color:#f86dd2;}

.background {background-color:#f86dd2;}

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

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

#040003
```
#040003 rgb(4,0,3)
```
#160111
```
#160111 rgb(22,1,17)
```
#29021e
```
#29021e rgb(41,2,30)
```
#3c032c
```
#3c032c rgb(60,3,44)
```
#4f043a
```
#4f043a rgb(79,4,58)
```
#610548
```
#610548 rgb(97,5,72)
```
#740656
```
#740656 rgb(116,6,86)
```
#870664
```
#870664 rgb(135,6,100)
```
#990772
```
#990772 rgb(153,7,114)
```
#ac087f
```
#ac087f rgb(172,8,127)
```
#bf098d
```
#bf098d rgb(191,9,141)
```
#d20a9b
```
#d20a9b rgb(210,10,155)
```
#e40ba9
```
#e40ba9 rgb(228,11,169)
```

Shade Color Variation

#f40fb5
```
#f40fb5 rgb(244,15,181)
```
#f422bb
```
#f422bb rgb(244,34,187)
```
#f535c1
```
#f535c1 rgb(245,53,193)
```
#f648c6
```
#f648c6 rgb(246,72,198)
```
#f75acc
```
#f75acc rgb(247,90,204)
```
#f86dd2
```
#f86dd2 rgb(248,109,210)
```
#f980d8
```
#f980d8 rgb(249,128,216)
```
#fa92de
```
#fa92de rgb(250,146,222)
```
#fba5e3
```
#fba5e3 rgb(251,165,227)
```
#fcb8e9
```
#fcb8e9 rgb(252,184,233)
```
#fccbef
```
#fccbef rgb(252,203,239)
```
#fdddf5
```
#fdddf5 rgb(253,221,245)
```
#fef0fa
```
#fef0fa rgb(254,240,250)
```

Tint Color Variation

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

#b7aeb5
```
#b7aeb5 rgb(183,174,181)
```
#bda8b7
```
#bda8b7 rgb(189,168,183)
```
#c3a2ba
```
#c3a2ba rgb(195,162,186)
```
#c99cbd
```
#c99cbd rgb(201,156,189)
```
#cf96bf
```
#cf96bf rgb(207,150,191)
```
#d590c2
```
#d590c2 rgb(213,144,194)
```
#db8ac5
```
#db8ac5 rgb(219,138,197)
```
#e085c7
```
#e085c7 rgb(224,133,199)
```
#e67fca
```
#e67fca rgb(230,127,202)
```
#ec79cd
```
#ec79cd rgb(236,121,205)
```
#f273cf
```
#f273cf rgb(242,115,207)
```
#f86dd2
```
#f86dd2 rgb(248,109,210)
```
#fe67d5
```
#fe67d5 rgb(254,103,213)
```

Tone Color Variation

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

Dichromacy

#87a3f3 Protanopia 1% of men
#a2a2c8 Deuteranopia 1% of men
#f0868e Tritanopia 0.001% of the population

Trichromacy

#b08fe7 Protanomaly 1% of men, 0.01% of women
#c18fcb Deuteranomaly 6% of men, 0.4% of women
#f37ca7 Tritanomaly 0.01% of the population

#f86dd2 hex color

#f86dd2 Color Information

#f86dd2 Color Conversion

Color Schemes with #f86dd2

Alternatives to #f86dd2

#f86dd2 Preview

Shades and Tints of #f86dd2

Tones of #f86dd2

Color Blindness Simulator