#f86dd4 hex color

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

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

● #f86dd4 color description : Soft pink.

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

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

CIE-LAB	66.252, 64.789, -27.628
XYZ	56.063, 35.651, 66.212
xyY	0.355, 0.226, 35.651
CIE-LCH	66.252, 70.434, 336.905
CIE-LUV	66.252, 74.258, -53.323
Hunter-Lab	59.708, 63.113, -23.953
Binary	11111000, 01101101, 11010100

#f86dd4
```
#f86dd4 rgb(248,109,212)
```
#6df891
```
#6df891 rgb(109,248,145)
```

Complementary Color

#d76df8
```
#d76df8 rgb(215,109,248)
```
#f86dd4
```
#f86dd4 rgb(248,109,212)
```
#f86d8f
```
#f86d8f rgb(248,109,143)
```

Analogous Color

#6df8d7
```
#6df8d7 rgb(109,248,215)
```
#f86dd4
```
#f86dd4 rgb(248,109,212)
```
#8ff86d
```
#8ff86d rgb(143,248,109)
```

Split Complementary Color

#6dd4f8
```
#6dd4f8 rgb(109,212,248)
```
#f86dd4
```
#f86dd4 rgb(248,109,212)
```
#d4f86d
```
#d4f86d rgb(212,248,109)
```

Triadic Color

#916df8
```
#916df8 rgb(145,109,248)
```
#f86dd4
```
#f86dd4 rgb(248,109,212)
```
#d4f86d
```
#d4f86d rgb(212,248,109)
```
#6df891
```
#6df891 rgb(109,248,145)
```

Tetradic Color

#f524bf
```
#f524bf rgb(245,36,191)
```
#f63cc6
```
#f63cc6 rgb(246,60,198)
```
#f755cd
```
#f755cd rgb(247,85,205)
```
#f86dd4
```
#f86dd4 rgb(248,109,212)
```
#f985db
```
#f985db rgb(249,133,219)
```
#fa9ee2
```
#fa9ee2 rgb(250,158,226)
```
#fcb6ea
```
#fcb6ea rgb(252,182,234)
```

Monochromatic Color

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

#f86df7
```
#f86df7 rgb(248,109,247)
```
#f86deb
```
#f86deb rgb(248,109,235)
```
#f86de0
```
#f86de0 rgb(248,109,224)
```
#f86dd4
```
#f86dd4 rgb(248,109,212)
```
#f86dc8
```
#f86dc8 rgb(248,109,200)
```
#f86dbd
```
#f86dbd rgb(248,109,189)
```
#f86db1
```
#f86db1 rgb(248,109,177)
```

Similar Colors

Text with hexadecimal color #f86dd4

This text has a font color of #f86dd4.

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

#f86dd4 background color

This paragraph has a background color of #f86dd4.

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

#f86dd4 border color

This element has a border color of #f86dd4.

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

CSS codes

.text {color:#f86dd4;}

.background {background-color:#f86dd4;}

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

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 #fef0fb is the lightest one.

#040003
```
#040003 rgb(4,0,3)
```
#160111
```
#160111 rgb(22,1,17)
```
#29021f
```
#29021f rgb(41,2,31)
```
#3c032d
```
#3c032d rgb(60,3,45)
```
#4f043b
```
#4f043b rgb(79,4,59)
```
#610549
```
#610549 rgb(97,5,73)
```
#740657
```
#740657 rgb(116,6,87)
```
#870666
```
#870666 rgb(135,6,102)
```
#990774
```
#990774 rgb(153,7,116)
```
#ac0882
```
#ac0882 rgb(172,8,130)
```
#bf0990
```
#bf0990 rgb(191,9,144)
```
#d20a9e
```
#d20a9e rgb(210,10,158)
```
#e40bac
```
#e40bac rgb(228,11,172)
```

Shade Color Variation

#f40fb8
```
#f40fb8 rgb(244,15,184)
```
#f422be
```
#f422be rgb(244,34,190)
```
#f535c3
```
#f535c3 rgb(245,53,195)
```
#f648c9
```
#f648c9 rgb(246,72,201)
```
#f75ace
```
#f75ace rgb(247,90,206)
```
#f86dd4
```
#f86dd4 rgb(248,109,212)
```
#f980da
```
#f980da rgb(249,128,218)
```
#fa92df
```
#fa92df rgb(250,146,223)
```
#fba5e5
```
#fba5e5 rgb(251,165,229)
```
#fcb8ea
```
#fcb8ea rgb(252,184,234)
```
#fccbf0
```
#fccbf0 rgb(252,203,240)
```
#fdddf5
```
#fdddf5 rgb(253,221,245)
```
#fef0fb
```
#fef0fb rgb(254,240,251)
```

Tint Color Variation

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

#b7aeb5
```
#b7aeb5 rgb(183,174,181)
```
#bda8b8
```
#bda8b8 rgb(189,168,184)
```
#c3a2ba
```
#c3a2ba rgb(195,162,186)
```
#c99cbd
```
#c99cbd rgb(201,156,189)
```
#cf96c0
```
#cf96c0 rgb(207,150,192)
```
#d590c3
```
#d590c3 rgb(213,144,195)
```
#db8ac6
```
#db8ac6 rgb(219,138,198)
```
#e085c9
```
#e085c9 rgb(224,133,201)
```
#e67fcb
```
#e67fcb rgb(230,127,203)
```
#ec79ce
```
#ec79ce rgb(236,121,206)
```
#f273d1
```
#f273d1 rgb(242,115,209)
```
#f86dd4
```
#f86dd4 rgb(248,109,212)
```
#fe67d7
```
#fe67d7 rgb(254,103,215)
```

Tone Color Variation

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

#85a3f5 Protanopia 1% of men
#a1a2c9 Deuteranopia 1% of men
#f0868f Tritanopia 0.001% of the population

Trichromacy

#af8fe9 Protanomaly 1% of men, 0.01% of women
#c18fcd Deuteranomaly 6% of men, 0.4% of women
#f37da8 Tritanomaly 0.01% of the population

#f86dd4 hex color

#f86dd4 Color Information

#f86dd4 Color Conversion

Color Schemes with #f86dd4

Alternatives to #f86dd4

#f86dd4 Preview

Shades and Tints of #f86dd4

Tones of #f86dd4

Color Blindness Simulator