#f87bdd hex color

In a RGB color space, hex #f87bdd is composed of 97.3% red, 48.2% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.4% magenta, 10.9% yellow and 2.7% black. It has a hue angle of 313 degrees, a saturation of 89.9% and a lightness of 72.7%. #f87bdd color hex could be obtained by blending #fff6ff with #f100bb. Closest websafe color is: #ff66cc.

♥
- f
- t
- g
- R 97
- G 48
- B 87
RGB color chart
- C 0
- M 50
- Y 11
- K 3
CMYK color chart

● #f87bdd color description : Soft magenta.

The hexadecimal color #f87bdd has RGB values of R:248, G:123, B:221 and CMYK values of C:0, M:0.5, Y:0.11, K:0.03. Its decimal value is 16284637.

Hex triplet	f87bdd	`#f87bdd`
RGB Decimal	248, 123, 221	`rgb(248,123,221)`
RGB Percent	97.3, 48.2, 86.7	`rgb(97.3%,48.2%,86.7%)`
CMYK	0, 50, 11, 3
HSL	313°, 89.9, 72.7	`hsl(313,89.9%,72.7%)`
HSV (or HSB)	313°, 50.4, 97.3
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	69.001, 59.762, -28.41
XYZ	58.845, 39.346, 72.898
xyY	0.344, 0.23, 39.346
CIE-LCH	69.001, 66.171, 334.574
CIE-LUV	69.001, 65.857, -54.039
Hunter-Lab	62.727, 57.682, -24.995
Binary	11111000, 01111011, 11011101

#f87bdd
```
#f87bdd rgb(248,123,221)
```
#7bf896
```
#7bf896 rgb(123,248,150)
```

Complementary Color

#d57bf8
```
#d57bf8 rgb(213,123,248)
```
#f87bdd
```
#f87bdd rgb(248,123,221)
```
#f87b9f
```
#f87b9f rgb(248,123,159)
```

Analogous Color

#7bf8d5
```
#7bf8d5 rgb(123,248,213)
```
#f87bdd
```
#f87bdd rgb(248,123,221)
```
#9ff87b
```
#9ff87b rgb(159,248,123)
```

Split Complementary Color

#7bddf8
```
#7bddf8 rgb(123,221,248)
```
#f87bdd
```
#f87bdd rgb(248,123,221)
```
#ddf87b
```
#ddf87b rgb(221,248,123)
```

Triadic Color

#967bf8
```
#967bf8 rgb(150,123,248)
```
#f87bdd
```
#f87bdd rgb(248,123,221)
```
#ddf87b
```
#ddf87b rgb(221,248,123)
```
#7bf896
```
#7bf896 rgb(123,248,150)
```

Tetradic Color

#f432ca
```
#f432ca rgb(244,50,202)
```
#f54bd1
```
#f54bd1 rgb(245,75,209)
```
#f763d7
```
#f763d7 rgb(247,99,215)
```
#f87bdd
```
#f87bdd rgb(248,123,221)
```
#f993e3
```
#f993e3 rgb(249,147,227)
```
#fbabe9
```
#fbabe9 rgb(251,171,233)
```
#fcc4f0
```
#fcc4f0 rgb(252,196,240)
```

Monochromatic Color

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

#f47bf8
```
#f47bf8 rgb(244,123,248)
```
#f87bf2
```
#f87bf2 rgb(248,123,242)
```
#f87be7
```
#f87be7 rgb(248,123,231)
```
#f87bdd
```
#f87bdd rgb(248,123,221)
```
#f87bd3
```
#f87bd3 rgb(248,123,211)
```
#f87bc8
```
#f87bc8 rgb(248,123,200)
```
#f87bbe
```
#f87bbe rgb(248,123,190)
```

Similar Colors

Text with hexadecimal color #f87bdd

This text has a font color of #f87bdd.

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

#f87bdd background color

This paragraph has a background color of #f87bdd.

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

#f87bdd border color

This element has a border color of #f87bdd.

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

CSS codes

.text {color:#f87bdd;}

.background {background-color:#f87bdd;}

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

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, #11010e is the darkest color, while #fffdff is the lightest one.

#11010e
```
#11010e rgb(17,1,14)
```
#24021c
```
#24021c rgb(36,2,28)
```
#36032b
```
#36032b rgb(54,3,43)
```
#49043a
```
#49043a rgb(73,4,58)
```
#5c0549
```
#5c0549 rgb(92,5,73)
```
#6e0658
```
#6e0658 rgb(110,6,88)
```
#810766
```
#810766 rgb(129,7,102)
```
#930875
```
#930875 rgb(147,8,117)
```
#a60984
```
#a60984 rgb(166,9,132)
```
#b90a93
```
#b90a93 rgb(185,10,147)
```
#cb0ba2
```
#cb0ba2 rgb(203,11,162)
```
#de0cb1
```
#de0cb1 rgb(222,12,177)
```
#f10dbf
```
#f10dbf rgb(241,13,191)
```

Shade Color Variation

#f31ec5
```
#f31ec5 rgb(243,30,197)
```
#f430ca
```
#f430ca rgb(244,48,202)
```
#f543cf
```
#f543cf rgb(245,67,207)
```
#f656d3
```
#f656d3 rgb(246,86,211)
```
#f768d8
```
#f768d8 rgb(247,104,216)
```
#f87bdd
```
#f87bdd rgb(248,123,221)
```
#f98ee2
```
#f98ee2 rgb(249,142,226)
```
#faa0e7
```
#faa0e7 rgb(250,160,231)
```
#fbb3eb
```
#fbb3eb rgb(251,179,235)
```
#fcc6f0
```
#fcc6f0 rgb(252,198,240)
```
#fdd8f5
```
#fdd8f5 rgb(253,216,245)
```
#feebfa
```
#feebfa rgb(254,235,250)
```
#fffdff
```
#fffdff rgb(255,253,255)
```

Tint Color Variation

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

#bdb6bc
```
#bdb6bc rgb(189,182,188)
```
#c3b0bf
```
#c3b0bf rgb(195,176,191)
```
#c8abc2
```
#c8abc2 rgb(200,171,194)
```
#cda6c5
```
#cda6c5 rgb(205,166,197)
```
#d3a0c8
```
#d3a0c8 rgb(211,160,200)
```
#d89bcb
```
#d89bcb rgb(216,155,203)
```
#dd96ce
```
#dd96ce rgb(221,150,206)
```
#e390d1
```
#e390d1 rgb(227,144,209)
```
#e88bd4
```
#e88bd4 rgb(232,139,212)
```
#ed86d7
```
#ed86d7 rgb(237,134,215)
```
#f380da
```
#f380da rgb(243,128,218)
```
#f87bdd
```
#f87bdd rgb(248,123,221)
```
#fd76e0
```
#fd76e0 rgb(253,118,224)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#bba2b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8faaf9 Protanopia 1% of men
#a7a9d3 Deuteranopia 1% of men
#f0919b Tritanopia 0.001% of the population

Trichromacy

#b599ef Protanomaly 1% of men, 0.01% of women
#c598d7 Deuteranomaly 6% of men, 0.4% of women
#f289b3 Tritanomaly 0.01% of the population

#f87bdd hex color

#f87bdd Color Information

#f87bdd Color Conversion

Color Schemes with #f87bdd

Alternatives to #f87bdd

#f87bdd Preview

Shades and Tints of #f87bdd

Tones of #f87bdd

Color Blindness Simulator