colorhexa.com

#f896fe hex color

In a RGB color space, hex #f896fe is composed of 97.3% red, 58.8% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 2.4% cyan, 40.9% magenta, 0% yellow and 0.4% black. It has a hue angle of 296.5 degrees, a saturation of 98.1% and a lightness of 79.2%. #f896fe color hex could be obtained by blending #ffffff with #f12dfd. Closest websafe color is: #ff99ff.

- R 97
- G 59
- B 100
RGB color chart
- C 2
- M 41
- Y 0
- K 0
CMYK color chart

● #f896fe color description : Very soft magenta.

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

Hex triplet	f896fe	`#f896fe`
RGB Decimal	248, 150, 254	`rgb(248,150,254)`
RGB Percent	97.3, 58.8, 99.6	`rgb(97.3%,58.8%,99.6%)`
CMYK	2, 41, 0, 0
HSL	296.5°, 98.1, 79.2	`hsl(296.5,98.1%,79.2%)`
HSV (or HSB)	296.5°, 40.9, 99.6
Web Safe	ff99ff	`#ff99ff`

CIE-LAB	75.406, 52.112, -36.581
XYZ	67.505, 48.927, 99.649
xyY	0.312, 0.226, 48.927
CIE-LCH	75.406, 63.67, 324.932
CIE-LUV	75.406, 46.615, -66.809
Hunter-Lab	69.948, 49.856, -35.501
Binary	11111000, 10010110, 11111110

#f896fe
```
#f896fe rgb(248,150,254)
```
#9cfe96
```
#9cfe96 rgb(156,254,150)
```

Complementary Color

#c496fe
```
#c496fe rgb(196,150,254)
```
#f896fe
```
#f896fe rgb(248,150,254)
```
#fe96d0
```
#fe96d0 rgb(254,150,208)
```

Analogous Color

#96fec4
```
#96fec4 rgb(150,254,196)
```
#f896fe
```
#f896fe rgb(248,150,254)
```
#d0fe96
```
#d0fe96 rgb(208,254,150)
```

Split Complementary Color

#96fef8
```
#96fef8 rgb(150,254,248)
```
#f896fe
```
#f896fe rgb(248,150,254)
```
#fef896
```
#fef896 rgb(254,248,150)
```

Triadic Color

#969cfe
```
#969cfe rgb(150,156,254)
```
#f896fe
```
#f896fe rgb(248,150,254)
```
#fef896
```
#fef896 rgb(254,248,150)
```
#9cfe96
```
#9cfe96 rgb(156,254,150)
```

Tetradic Color

#f34afd
```
#f34afd rgb(243,74,253)
```
#f563fe
```
#f563fe rgb(245,99,254)
```
#f67dfe
```
#f67dfe rgb(246,125,254)
```
#f896fe
```
#f896fe rgb(248,150,254)
```
#faaffe
```
#faaffe rgb(250,175,254)
```
#fbc9fe
```
#fbc9fe rgb(251,201,254)
```
#fde2ff
```
#fde2ff rgb(253,226,255)
```

Monochromatic Color

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

#de96fe
```
#de96fe rgb(222,150,254)
```
#e796fe
```
#e796fe rgb(231,150,254)
```
#ef96fe
```
#ef96fe rgb(239,150,254)
```
#f896fe
```
#f896fe rgb(248,150,254)
```
#fe96fb
```
#fe96fb rgb(254,150,251)
```
#fe96f3
```
#fe96f3 rgb(254,150,243)
```
#fe96ea
```
#fe96ea rgb(254,150,234)
```

Similar Colors

Text with hexadecimal color #f896fe

This text has a font color of #f896fe.

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

#f896fe background color

This paragraph has a background color of #f896fe.

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

#f896fe border color

This element has a border color of #f896fe.

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

CSS codes

.text {color:#f896fe;}

.background {background-color:#f896fe;}

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

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

#0b000c
```
#0b000c rgb(11,0,12)
```
#1d001f
```
#1d001f rgb(29,0,31)
```
#300032
```
#300032 rgb(48,0,50)
```
#420146
```
#420146 rgb(66,1,70)
```
#540159
```
#540159 rgb(84,1,89)
```
#67016d
```
#67016d rgb(103,1,109)
```
#790180
```
#790180 rgb(121,1,128)
```
#8b0194
```
#8b0194 rgb(139,1,148)
```
#9d02a7
```
#9d02a7 rgb(157,2,167)
```
#b002ba
```
#b002ba rgb(176,2,186)
```
#c202ce
```
#c202ce rgb(194,2,206)
```
#d402e1
```
#d402e1 rgb(212,2,225)
```
#e702f5
```
#e702f5 rgb(231,2,245)
```

Shade Color Variation

#ef0efd
```
#ef0efd rgb(239,14,253)
```
#f021fd
```
#f021fd rgb(240,33,253)
```
#f235fd
```
#f235fd rgb(242,53,253)
```
#f348fd
```
#f348fd rgb(243,72,253)
```
#f45cfd
```
#f45cfd rgb(244,92,253)
```
#f56ffe
```
#f56ffe rgb(245,111,254)
```
#f783fe
```
#f783fe rgb(247,131,254)
```
#f896fe
```
#f896fe rgb(248,150,254)
```
#f9a9fe
```
#f9a9fe rgb(249,169,254)
```
#fbbdfe
```
#fbbdfe rgb(251,189,254)
```
#fcd0ff
```
#fcd0ff rgb(252,208,255)
```
#fde4ff
```
#fde4ff rgb(253,228,255)
```
#fef7ff
```
#fef7ff rgb(254,247,255)
```

Tint Color Variation

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

#cdc7cd
```
#cdc7cd rgb(205,199,205)
```
#d0c3d1
```
#d0c3d1 rgb(208,195,209)
```
#d4bfd5
```
#d4bfd5 rgb(212,191,213)
```
#d8bbd9
```
#d8bbd9 rgb(216,187,217)
```
#dbb7dd
```
#dbb7dd rgb(219,183,221)
```
#dfb3e1
```
#dfb3e1 rgb(223,179,225)
```
#e2aee6
```
#e2aee6 rgb(226,174,230)
```
#e6aaea
```
#e6aaea rgb(230,170,234)
```
#eaa6ee
```
#eaa6ee rgb(234,166,238)
```
#eda2f2
```
#eda2f2 rgb(237,162,242)
```
#f19ef6
```
#f19ef6 rgb(241,158,246)
```
#f49afa
```
#f49afa rgb(244,154,250)
```
#f896fe
```
#f896fe rgb(248,150,254)
```

Tone Color Variation

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

Dichromacy

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

Trichromacy

#c4adfe Protanomaly 1% of men, 0.01% of women
#c9adf7 Deuteranomaly 6% of men, 0.4% of women
#f1a3d1 Tritanomaly 0.01% of the population