#f895fd hex color

In a RGB color space, hex #f895fd is composed of 97.3% red, 58.4% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 2% cyan, 41.1% 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 78.8%. #f895fd color hex could be obtained by blending #ffffff with #f12bfb. Closest websafe color is: #ff99ff.

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

● #f895fd color description : Very soft magenta.

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

Hex triplet	f895fd	`#f895fd`
RGB Decimal	248, 149, 253	`rgb(248,149,253)`
RGB Percent	97.3, 58.4, 99.2	`rgb(97.3%,58.4%,99.2%)`
CMYK	2, 41, 0, 1
HSL	297.1°, 96.3, 78.8	`hsl(297.1,96.3%,78.8%)`
HSV (or HSB)	297.1°, 41.1, 99.2
Web Safe	ff99ff	`#ff99ff`

CIE-LAB	75.168, 52.436, -36.41
XYZ	67.187, 48.546, 98.754
xyY	0.313, 0.226, 48.546
CIE-LCH	75.168, 63.837, 325.225
CIE-LUV	75.168, 47.244, -66.547
Hunter-Lab	69.675, 50.194, -35.263
Binary	11111000, 10010101, 11111101

#f895fd
```
#f895fd rgb(248,149,253)
```
#9afd95
```
#9afd95 rgb(154,253,149)
```

Complementary Color

#c495fd
```
#c495fd rgb(196,149,253)
```
#f895fd
```
#f895fd rgb(248,149,253)
```
#fd95ce
```
#fd95ce rgb(253,149,206)
```

Analogous Color

#95fdc4
```
#95fdc4 rgb(149,253,196)
```
#f895fd
```
#f895fd rgb(248,149,253)
```
#cefd95
```
#cefd95 rgb(206,253,149)
```

Split Complementary Color

#95fdf8
```
#95fdf8 rgb(149,253,248)
```
#f895fd
```
#f895fd rgb(248,149,253)
```
#fdf895
```
#fdf895 rgb(253,248,149)
```

Triadic Color

#959afd
```
#959afd rgb(149,154,253)
```
#f895fd
```
#f895fd rgb(248,149,253)
```
#fdf895
```
#fdf895 rgb(253,248,149)
```
#9afd95
```
#9afd95 rgb(154,253,149)
```

Tetradic Color

#f34afc
```
#f34afc rgb(243,74,252)
```
#f563fc
```
#f563fc rgb(245,99,252)
```
#f67cfd
```
#f67cfd rgb(246,124,253)
```
#f895fd
```
#f895fd rgb(248,149,253)
```
#faaefd
```
#faaefd rgb(250,174,253)
```
#fbc7fe
```
#fbc7fe rgb(251,199,254)
```
#fde0fe
```
#fde0fe rgb(253,224,254)
```

Monochromatic Color

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

#de95fd
```
#de95fd rgb(222,149,253)
```
#e795fd
```
#e795fd rgb(231,149,253)
```
#ef95fd
```
#ef95fd rgb(239,149,253)
```
#f895fd
```
#f895fd rgb(248,149,253)
```
#fd95f9
```
#fd95f9 rgb(253,149,249)
```
#fd95f1
```
#fd95f1 rgb(253,149,241)
```
#fd95e8
```
#fd95e8 rgb(253,149,232)
```

Similar Colors

Text with hexadecimal color #f895fd

This text has a font color of #f895fd.

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

#f895fd background color

This paragraph has a background color of #f895fd.

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

#f895fd border color

This element has a border color of #f895fd.

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

CSS codes

.text {color:#f895fd;}

.background {background-color:#f895fd;}

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

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, #09000a is the darkest color, while #fef5ff is the lightest one.

#09000a
```
#09000a rgb(9,0,10)
```
#1b011d
```
#1b011d rgb(27,1,29)
```
#2e0130
```
#2e0130 rgb(46,1,48)
```
#400143
```
#400143 rgb(64,1,67)
```
#520257
```
#520257 rgb(82,2,87)
```
#65026a
```
#65026a rgb(101,2,106)
```
#77027d
```
#77027d rgb(119,2,125)
```
#890390
```
#890390 rgb(137,3,144)
```
#9c03a4
```
#9c03a4 rgb(156,3,164)
```
#ae03b7
```
#ae03b7 rgb(174,3,183)
```
#c104ca
```
#c104ca rgb(193,4,202)
```
#d304dd
```
#d304dd rgb(211,4,221)
```
#e505f1
```
#e505f1 rgb(229,5,241)
```

Shade Color Variation

#ef0efa
```
#ef0efa rgb(239,14,250)
```
#f021fb
```
#f021fb rgb(240,33,251)
```
#f235fb
```
#f235fb rgb(242,53,251)
```
#f348fc
```
#f348fc rgb(243,72,252)
```
#f45bfc
```
#f45bfc rgb(244,91,252)
```
#f56efc
```
#f56efc rgb(245,110,252)
```
#f782fd
```
#f782fd rgb(247,130,253)
```
#f895fd
```
#f895fd rgb(248,149,253)
```
#f9a8fd
```
#f9a8fd rgb(249,168,253)
```
#fbbcfe
```
#fbbcfe rgb(251,188,254)
```
#fccffe
```
#fccffe rgb(252,207,254)
```
#fde2fe
```
#fde2fe rgb(253,226,254)
```
#fef5ff
```
#fef5ff rgb(254,245,255)
```

Tint Color Variation

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

#cbc7cb
```
#cbc7cb rgb(203,199,203)
```
#cfc3cf
```
#cfc3cf rgb(207,195,207)
```
#d2bfd3
```
#d2bfd3 rgb(210,191,211)
```
#d6bad8
```
#d6bad8 rgb(214,186,216)
```
#dab6dc
```
#dab6dc rgb(218,182,220)
```
#deb2e0
```
#deb2e0 rgb(222,178,224)
```
#e1aee4
```
#e1aee4 rgb(225,174,228)
```
#e5aae8
```
#e5aae8 rgb(229,170,232)
```
#e9a6ec
```
#e9a6ec rgb(233,166,236)
```
#eda1f1
```
#eda1f1 rgb(237,161,241)
```
#f09df5
```
#f09df5 rgb(240,157,245)
```
#f499f9
```
#f499f9 rgb(244,153,249)
```
#f895fd
```
#f895fd rgb(248,149,253)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#cab6cb Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5baff Protanopia 1% of men
#aebaf3 Deuteranopia 1% of men
#edaab6 Tritanopia 0.001% of the population

Trichromacy

#c3acfe Protanomaly 1% of men, 0.01% of women
#c9acf6 Deuteranomaly 6% of men, 0.4% of women
#f1a2d0 Tritanomaly 0.01% of the population

#f895fd hex color

#f895fd Color Information

#f895fd Color Conversion

Color Schemes with #f895fd

Alternatives to #f895fd

#f895fd Preview

Shades and Tints of #f895fd

Tones of #f895fd

Color Blindness Simulator