#f896fd hex color

In a RGB color space, hex #f896fd is composed of 97.3% red, 58.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 2% cyan, 40.7% magenta, 0% yellow and 0.8% black. It has a hue angle of 297.1 degrees, a saturation of 96.3% and a lightness of 79%. #f896fd color hex could be obtained by blending #ffffff with #f12dfb. Closest websafe color is: #ff99ff.

♥
- f
- t
- g
- R 97
- G 59
- B 99
RGB color chart
- C 2
- M 41
- Y 0
- K 1
CMYK color chart

● #f896fd color description : Very soft magenta.

The hexadecimal color #f896fd has RGB values of R:248, G:150, B:253 and CMYK values of C:0.02, M:0.41, Y:0, K:0.01. Its decimal value is 16291581.

Hex triplet	f896fd	`#f896fd`
RGB Decimal	248, 150, 253	`rgb(248,150,253)`
RGB Percent	97.3, 58.8, 99.2	`rgb(97.3%,58.8%,99.2%)`
CMYK	2, 41, 0, 1
HSL	297.1°, 96.3, 79	`hsl(297.1,96.3%,79%)`
HSV (or HSB)	297.1°, 40.7, 99.2
Web Safe	ff99ff	`#ff99ff`

CIE-LAB	75.366, 51.931, -36.102
XYZ	67.345, 48.864, 98.807
xyY	0.313, 0.227, 48.864
CIE-LCH	75.366, 63.247, 325.194
CIE-LUV	75.366, 46.818, -65.985
Hunter-Lab	69.902, 49.641, -34.875
Binary	11111000, 10010110, 11111101

#f896fd
```
#f896fd rgb(248,150,253)
```
#9bfd96
```
#9bfd96 rgb(155,253,150)
```

Complementary Color

#c596fd
```
#c596fd rgb(197,150,253)
```
#f896fd
```
#f896fd rgb(248,150,253)
```
#fd96cf
```
#fd96cf rgb(253,150,207)
```

Analogous Color

#96fdc5
```
#96fdc5 rgb(150,253,197)
```
#f896fd
```
#f896fd rgb(248,150,253)
```
#cffd96
```
#cffd96 rgb(207,253,150)
```

Split Complementary Color

#96fdf8
```
#96fdf8 rgb(150,253,248)
```
#f896fd
```
#f896fd rgb(248,150,253)
```
#fdf896
```
#fdf896 rgb(253,248,150)
```

Triadic Color

#969bfd
```
#969bfd rgb(150,155,253)
```
#f896fd
```
#f896fd rgb(248,150,253)
```
#fdf896
```
#fdf896 rgb(253,248,150)
```
#9bfd96
```
#9bfd96 rgb(155,253,150)
```

Tetradic Color

#f34bfc
```
#f34bfc rgb(243,75,252)
```
#f564fc
```
#f564fc rgb(245,100,252)
```
#f67dfd
```
#f67dfd rgb(246,125,253)
```
#f896fd
```
#f896fd rgb(248,150,253)
```
#faaffd
```
#faaffd rgb(250,175,253)
```
#fbc8fe
```
#fbc8fe rgb(251,200,254)
```
#fde1fe
```
#fde1fe rgb(253,225,254)
```

Monochromatic Color

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

#de96fd
```
#de96fd rgb(222,150,253)
```
#e796fd
```
#e796fd rgb(231,150,253)
```
#ef96fd
```
#ef96fd rgb(239,150,253)
```
#f896fd
```
#f896fd rgb(248,150,253)
```
#fd96f9
```
#fd96f9 rgb(253,150,249)
```
#fd96f1
```
#fd96f1 rgb(253,150,241)
```
#fd96e8
```
#fd96e8 rgb(253,150,232)
```

Similar Colors

Text with hexadecimal color #f896fd

This text has a font color of #f896fd.

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

#f896fd background color

This paragraph has a background color of #f896fd.

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

#f896fd border color

This element has a border color of #f896fd.

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

CSS codes

.text {color:#f896fd;}

.background {background-color:#f896fd;}

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

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

#0a000a
```
#0a000a rgb(10,0,10)
```
#1c011e
```
#1c011e rgb(28,1,30)
```
#2f0131
```
#2f0131 rgb(47,1,49)
```
#410144
```
#410144 rgb(65,1,68)
```
#530257
```
#530257 rgb(83,2,87)
```
#66026b
```
#66026b rgb(102,2,107)
```
#78027e
```
#78027e rgb(120,2,126)
```
#8a0391
```
#8a0391 rgb(138,3,145)
```
#9d03a4
```
#9d03a4 rgb(157,3,164)
```
#af03b8
```
#af03b8 rgb(175,3,184)
```
#c104cb
```
#c104cb rgb(193,4,203)
```
#d404de
```
#d404de rgb(212,4,222)
```
#e605f1
```
#e605f1 rgb(230,5,241)
```

Shade Color Variation

#ef0ffa
```
#ef0ffa rgb(239,15,250)
```
#f023fb
```
#f023fb rgb(240,35,251)
```
#f236fb
```
#f236fb rgb(242,54,251)
```
#f349fc
```
#f349fc rgb(243,73,252)
```
#f45cfc
```
#f45cfc rgb(244,92,252)
```
#f570fc
```
#f570fc rgb(245,112,252)
```
#f783fd
```
#f783fd rgb(247,131,253)
```
#f896fd
```
#f896fd rgb(248,150,253)
```
#f9a9fd
```
#f9a9fd rgb(249,169,253)
```
#fbbcfe
```
#fbbcfe rgb(251,188,254)
```
#fcd0fe
```
#fcd0fe rgb(252,208,254)
```
#fde3fe
```
#fde3fe rgb(253,227,254)
```
#fef6ff
```
#fef6ff rgb(254,246,255)
```

Tint Color Variation

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

#cbc7cc
```
#cbc7cc rgb(203,199,204)
```
#cfc3d0
```
#cfc3d0 rgb(207,195,208)
```
#d3bfd4
```
#d3bfd4 rgb(211,191,212)
```
#d7bbd8
```
#d7bbd8 rgb(215,187,216)
```
#dab7dc
```
#dab7dc rgb(218,183,220)
```
#deb3e0
```
#deb3e0 rgb(222,179,224)
```
#e2afe4
```
#e2afe4 rgb(226,175,228)
```
#e5abe8
```
#e5abe8 rgb(229,171,232)
```
#e9a6ed
```
#e9a6ed rgb(233,166,237)
```
#eda2f1
```
#eda2f1 rgb(237,162,241)
```
#f19ef5
```
#f19ef5 rgb(241,158,245)
```
#f49af9
```
#f49af9 rgb(244,154,249)
```
#f896fd
```
#f896fd rgb(248,150,253)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#cab7cb Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6bbff Protanopia 1% of men
#afbaf3 Deuteranopia 1% of men
#edabb7 Tritanopia 0.001% of the population

Trichromacy

#c3adfe Protanomaly 1% of men, 0.01% of women
#c9adf6 Deuteranomaly 6% of men, 0.4% of women
#f1a3d0 Tritanomaly 0.01% of the population

#f896fd hex color

#f896fd Color Information

#f896fd Color Conversion

Color Schemes with #f896fd

Alternatives to #f896fd

#f896fd Preview

Shades and Tints of #f896fd

Tones of #f896fd

Color Blindness Simulator