#f894dd hex color

In a RGB color space, hex #f894dd is composed of 97.3% red, 58% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.3% magenta, 10.9% yellow and 2.7% black. It has a hue angle of 316.2 degrees, a saturation of 87.7% and a lightness of 77.6%. #f894dd color hex could be obtained by blending #ffffff with #f129bb. Closest websafe color is: #ff99cc.

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

● #f894dd color description : Very soft pink.

The hexadecimal color #f894dd has RGB values of R:248, G:148, B:221 and CMYK values of C:0, M:0.4, Y:0.11, K:0.03. Its decimal value is 16291037.

Hex triplet	f894dd	`#f894dd`
RGB Decimal	248, 148, 221	`rgb(248,148,221)`
RGB Percent	97.3, 58, 86.7	`rgb(97.3%,58%,86.7%)`
CMYK	0, 40, 11, 3
HSL	316.2°, 87.7, 77.6	`hsl(316.2,87.7%,77.6%)`
HSV (or HSB)	316.2°, 40.3, 97.3
Web Safe	ff99cc	`#ff99cc`

CIE-LAB	73.778, 47.474, -21.104
XYZ	62.351, 46.36, 74.067
xyY	0.341, 0.254, 46.36
CIE-LCH	73.778, 51.953, 336.033
CIE-LUV	73.778, 54.353, -40.821
Hunter-Lab	68.088, 44.307, -16.835
Binary	11111000, 10010100, 11011101

#f894dd
```
#f894dd rgb(248,148,221)
```
#94f8af
```
#94f8af rgb(148,248,175)
```

Complementary Color

#e194f8
```
#e194f8 rgb(225,148,248)
```
#f894dd
```
#f894dd rgb(248,148,221)
```
#f894ab
```
#f894ab rgb(248,148,171)
```

Analogous Color

#94f8e1
```
#94f8e1 rgb(148,248,225)
```
#f894dd
```
#f894dd rgb(248,148,221)
```
#abf894
```
#abf894 rgb(171,248,148)
```

Split Complementary Color

#94ddf8
```
#94ddf8 rgb(148,221,248)
```
#f894dd
```
#f894dd rgb(248,148,221)
```
#ddf894
```
#ddf894 rgb(221,248,148)
```

Triadic Color

#af94f8
```
#af94f8 rgb(175,148,248)
```
#f894dd
```
#f894dd rgb(248,148,221)
```
#ddf894
```
#ddf894 rgb(221,248,148)
```
#94f8af
```
#94f8af rgb(148,248,175)
```

Tetradic Color

#f34cc6
```
#f34cc6 rgb(243,76,198)
```
#f564ce
```
#f564ce rgb(245,100,206)
```
#f67cd5
```
#f67cd5 rgb(246,124,213)
```
#f894dd
```
#f894dd rgb(248,148,221)
```
#faace5
```
#faace5 rgb(250,172,229)
```
#fbc4ec
```
#fbc4ec rgb(251,196,236)
```
#fddcf4
```
#fddcf4 rgb(253,220,244)
```

Monochromatic Color

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

#f894f6
```
#f894f6 rgb(248,148,246)
```
#f894ee
```
#f894ee rgb(248,148,238)
```
#f894e5
```
#f894e5 rgb(248,148,229)
```
#f894dd
```
#f894dd rgb(248,148,221)
```
#f894d5
```
#f894d5 rgb(248,148,213)
```
#f894cc
```
#f894cc rgb(248,148,204)
```
#f894c4
```
#f894c4 rgb(248,148,196)
```

Similar Colors

Text with hexadecimal color #f894dd

This text has a font color of #f894dd.

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

#f894dd background color

This paragraph has a background color of #f894dd.

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

#f894dd border color

This element has a border color of #f894dd.

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

CSS codes

.text {color:#f894dd;}

.background {background-color:#f894dd;}

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

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, #030003 is the darkest color, while #fef0fa is the lightest one.

#030003
```
#030003 rgb(3,0,3)
```
#160110
```
#160110 rgb(22,1,16)
```
#28031e
```
#28031e rgb(40,3,30)
```
#3b042c
```
#3b042c rgb(59,4,44)
```
#4d053a
```
#4d053a rgb(77,5,58)
```
#600647
```
#600647 rgb(96,6,71)
```
#720755
```
#720755 rgb(114,7,85)
```
#840963
```
#840963 rgb(132,9,99)
```
#970a71
```
#970a71 rgb(151,10,113)
```
#a90b7e
```
#a90b7e rgb(169,11,126)
```
#bc0c8c
```
#bc0c8c rgb(188,12,140)
```
#ce0d9a
```
#ce0d9a rgb(206,13,154)
```
#e00fa8
```
#e00fa8 rgb(224,15,168)
```

Shade Color Variation

#f013b4
```
#f013b4 rgb(240,19,180)
```
#f126ba
```
#f126ba rgb(241,38,186)
```
#f238c0
```
#f238c0 rgb(242,56,192)
```
#f34ac6
```
#f34ac6 rgb(243,74,198)
```
#f45dcb
```
#f45dcb rgb(244,93,203)
```
#f66fd1
```
#f66fd1 rgb(246,111,209)
```
#f782d7
```
#f782d7 rgb(247,130,215)
```
#f894dd
```
#f894dd rgb(248,148,221)
```
#f9a6e3
```
#f9a6e3 rgb(249,166,227)
```
#fab9e9
```
#fab9e9 rgb(250,185,233)
```
#fccbef
```
#fccbef rgb(252,203,239)
```
#fddef4
```
#fddef4 rgb(253,222,244)
```
#fef0fa
```
#fef0fa rgb(254,240,250)
```

Tint Color Variation

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

#c8c4c7
```
#c8c4c7 rgb(200,196,199)
```
#ccc0c9
```
#ccc0c9 rgb(204,192,201)
```
#d1bbcb
```
#d1bbcb rgb(209,187,203)
```
#d5b7cd
```
#d5b7cd rgb(213,183,205)
```
#d9b3cf
```
#d9b3cf rgb(217,179,207)
```
#deaed1
```
#deaed1 rgb(222,174,209)
```
#e2aad3
```
#e2aad3 rgb(226,170,211)
```
#e6a6d5
```
#e6a6d5 rgb(230,166,213)
```
#eba1d7
```
#eba1d7 rgb(235,161,215)
```
#ef9dd9
```
#ef9dd9 rgb(239,157,217)
```
#f498db
```
#f498db rgb(244,152,219)
```
#f894dd
```
#f894dd rgb(248,148,221)
```
#fc90df
```
#fc90df rgb(252,144,223)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#c6b2c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7b7f1 Protanopia 1% of men
#bbb5d6 Deuteranopia 1% of men
#f2a3ae Tritanopia 0.001% of the population

Trichromacy

#c4aae9 Protanomaly 1% of men, 0.01% of women
#d1a9d9 Deuteranomaly 6% of men, 0.4% of women
#f49dbf Tritanomaly 0.01% of the population

#f894dd hex color

#f894dd Color Information

#f894dd Color Conversion

Color Schemes with #f894dd

Alternatives to #f894dd

#f894dd Preview

Shades and Tints of #f894dd

Tones of #f894dd

Color Blindness Simulator