#f387fd hex color

In a RGB color space, hex #f387fd is composed of 95.3% red, 52.9% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 4% cyan, 46.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 294.9 degrees, a saturation of 96.7% and a lightness of 76.1%. #f387fd color hex could be obtained by blending #ffffff with #e70ffb. Closest websafe color is: #ff99ff.

♥
- f
- t
- g
- R 95
- G 53
- B 99
RGB color chart
- C 4
- M 47
- Y 0
- K 1
CMYK color chart

● #f387fd color description : Soft magenta.

The hexadecimal color #f387fd has RGB values of R:243, G:135, B:253 and CMYK values of C:0.04, M:0.47, Y:0, K:0.01. Its decimal value is 15960061.

Hex triplet	f387fd	`#f387fd`
RGB Decimal	243, 135, 253	`rgb(243,135,253)`
RGB Percent	95.3, 52.9, 99.2	`rgb(95.3%,52.9%,99.2%)`
CMYK	4, 47, 0, 1
HSL	294.9°, 96.7, 76.1	`hsl(294.9,96.7%,76.1%)`
HSV (or HSB)	294.9°, 46.6, 99.2
Web Safe	ff99ff	`#ff99ff`

CIE-LAB	71.878, 57.983, -41.574
XYZ	63.354, 43.477, 97.978
xyY	0.309, 0.212, 43.477
CIE-LCH	71.878, 71.347, 324.359
CIE-LUV	71.878, 49.715, -75.41
Hunter-Lab	65.937, 56.117, -41.945
Binary	11110011, 10000111, 11111101

#f387fd
```
#f387fd rgb(243,135,253)
```
#91fd87
```
#91fd87 rgb(145,253,135)
```

Complementary Color

#b887fd
```
#b887fd rgb(184,135,253)
```
#f387fd
```
#f387fd rgb(243,135,253)
```
#fd87cc
```
#fd87cc rgb(253,135,204)
```

Analogous Color

#87fdb8
```
#87fdb8 rgb(135,253,184)
```
#f387fd
```
#f387fd rgb(243,135,253)
```
#ccfd87
```
#ccfd87 rgb(204,253,135)
```

Split Complementary Color

#87fdf3
```
#87fdf3 rgb(135,253,243)
```
#f387fd
```
#f387fd rgb(243,135,253)
```
#fdf387
```
#fdf387 rgb(253,243,135)
```

Triadic Color

#8791fd
```
#8791fd rgb(135,145,253)
```
#f387fd
```
#f387fd rgb(243,135,253)
```
#fdf387
```
#fdf387 rgb(253,243,135)
```
#91fd87
```
#91fd87 rgb(145,253,135)
```

Tetradic Color

#eb3cfc
```
#eb3cfc rgb(235,60,252)
```
#ee55fc
```
#ee55fc rgb(238,85,252)
```
#f06efd
```
#f06efd rgb(240,110,253)
```
#f387fd
```
#f387fd rgb(243,135,253)
```
#f6a0fd
```
#f6a0fd rgb(246,160,253)
```
#f8b9fe
```
#f8b9fe rgb(248,185,254)
```
#fbd2fe
```
#fbd2fe rgb(251,210,254)
```

Monochromatic Color

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

#d687fd
```
#d687fd rgb(214,135,253)
```
#df87fd
```
#df87fd rgb(223,135,253)
```
#e987fd
```
#e987fd rgb(233,135,253)
```
#f387fd
```
#f387fd rgb(243,135,253)
```
#fd87fd
```
#fd87fd rgb(253,135,253)
```
#fd87f3
```
#fd87f3 rgb(253,135,243)
```
#fd87ea
```
#fd87ea rgb(253,135,234)
```

Similar Colors

Text with hexadecimal color #f387fd

This text has a font color of #f387fd.

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

#f387fd background color

This paragraph has a background color of #f387fd.

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

#f387fd border color

This element has a border color of #f387fd.

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

CSS codes

.text {color:#f387fd;}

.background {background-color:#f387fd;}

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

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, #0e000f is the darkest color, while #fffbff is the lightest one.

#0e000f
```
#0e000f rgb(14,0,15)
```
#1f0122
```
#1f0122 rgb(31,1,34)
```
#310136
```
#310136 rgb(49,1,54)
```
#430149
```
#430149 rgb(67,1,73)
```
#55025c
```
#55025c rgb(85,2,92)
```
#660270
```
#660270 rgb(102,2,112)
```
#780283
```
#780283 rgb(120,2,131)
```
#8a0396
```
#8a0396 rgb(138,3,150)
```
#9b03a9
```
#9b03a9 rgb(155,3,169)
```
#ad03bd
```
#ad03bd rgb(173,3,189)
```
#bf03d0
```
#bf03d0 rgb(191,3,208)
```
#d004e3
```
#d004e3 rgb(208,4,227)
```
#e204f7
```
#e204f7 rgb(226,4,247)
```

Shade Color Variation

#e713fb
```
#e713fb rgb(231,19,251)
```
#e927fb
```
#e927fb rgb(233,39,251)
```
#eb3afc
```
#eb3afc rgb(235,58,252)
```
#ed4dfc
```
#ed4dfc rgb(237,77,252)
```
#ef60fc
```
#ef60fc rgb(239,96,252)
```
#f174fd
```
#f174fd rgb(241,116,253)
```
#f387fd
```
#f387fd rgb(243,135,253)
```
#f59afd
```
#f59afd rgb(245,154,253)
```
#f7aefe
```
#f7aefe rgb(247,174,254)
```
#f9c1fe
```
#f9c1fe rgb(249,193,254)
```
#fbd4fe
```
#fbd4fe rgb(251,212,254)
```
#fde7ff
```
#fde7ff rgb(253,231,255)
```
#fffbff
```
#fffbff rgb(255,251,255)
```

Tint Color Variation

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

#c4bfc5
```
#c4bfc5 rgb(196,191,197)
```
#c8bbc9
```
#c8bbc9 rgb(200,187,201)
```
#ccb6ce
```
#ccb6ce rgb(204,182,206)
```
#d0b1d3
```
#d0b1d3 rgb(208,177,211)
```
#d4add7
```
#d4add7 rgb(212,173,215)
```
#d8a8dc
```
#d8a8dc rgb(216,168,220)
```
#dca3e1
```
#dca3e1 rgb(220,163,225)
```
#e09ee6
```
#e09ee6 rgb(224,158,230)
```
#e39aea
```
#e39aea rgb(227,154,234)
```
#e795ef
```
#e795ef rgb(231,149,239)
```
#eb90f4
```
#eb90f4 rgb(235,144,244)
```
#ef8cf8
```
#ef8cf8 rgb(239,140,248)
```
#f387fd
```
#f387fd rgb(243,135,253)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#c1acc3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#97b1ff Protanopia 1% of men
#9eb2f1 Deuteranopia 1% of men
#e7a1ac Tritanopia 0.001% of the population

Trichromacy

#b8a2fe Protanomaly 1% of men, 0.01% of women
#bda2f5 Deuteranomaly 6% of men, 0.4% of women
#eb97c9 Tritanomaly 0.01% of the population

#f387fd hex color

#f387fd Color Information

#f387fd Color Conversion

Color Schemes with #f387fd

Alternatives to #f387fd

#f387fd Preview

Shades and Tints of #f387fd

Tones of #f387fd

Color Blindness Simulator