#f5a4df hex color

In a RGB color space, hex #f5a4df is composed of 96.1% red, 64.3% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.1% magenta, 9% yellow and 3.9% black. It has a hue angle of 316.3 degrees, a saturation of 80.2% and a lightness of 80.2%. #f5a4df color hex could be obtained by blending #ffffff with #eb49bf. Closest websafe color is: #ff99cc.

♥
- f
- t
- g
- R 96
- G 64
- B 87
RGB color chart
- C 0
- M 33
- Y 9
- K 4
CMYK color chart

● #f5a4df color description : Very soft pink.

The hexadecimal color #f5a4df has RGB values of R:245, G:164, B:223 and CMYK values of C:0, M:0.33, Y:0.09, K:0.04. Its decimal value is 16098527.

Hex triplet	f5a4df	`#f5a4df`
RGB Decimal	245, 164, 223	`rgb(245,164,223)`
RGB Percent	96.1, 64.3, 87.5	`rgb(96.1%,64.3%,87.5%)`
CMYK	0, 33, 9, 4
HSL	316.3°, 80.2, 80.2	`hsl(316.3,80.2%,80.2%)`
HSV (or HSB)	316.3°, 33.1, 96.1
Web Safe	ff99cc	`#ff99cc`

CIE-LAB	76.857, 38.571, -17.566
XYZ	64.25, 51.294, 76.324
xyY	0.335, 0.267, 51.294
CIE-LCH	76.857, 42.382, 335.515
CIE-LUV	76.857, 43.974, -33.872
Hunter-Lab	71.62, 34.798, -13.051
Binary	11110101, 10100100, 11011111

#f5a4df
```
#f5a4df rgb(245,164,223)
```
#a4f5ba
```
#a4f5ba rgb(164,245,186)
```

Complementary Color

#e3a4f5
```
#e3a4f5 rgb(227,164,245)
```
#f5a4df
```
#f5a4df rgb(245,164,223)
```
#f5a4b7
```
#f5a4b7 rgb(245,164,183)
```

Analogous Color

#a4f5e3
```
#a4f5e3 rgb(164,245,227)
```
#f5a4df
```
#f5a4df rgb(245,164,223)
```
#b7f5a4
```
#b7f5a4 rgb(183,245,164)
```

Split Complementary Color

#a4dff5
```
#a4dff5 rgb(164,223,245)
```
#f5a4df
```
#f5a4df rgb(245,164,223)
```
#dff5a4
```
#dff5a4 rgb(223,245,164)
```

Triadic Color

#baa4f5
```
#baa4f5 rgb(186,164,245)
```
#f5a4df
```
#f5a4df rgb(245,164,223)
```
#dff5a4
```
#dff5a4 rgb(223,245,164)
```
#a4f5ba
```
#a4f5ba rgb(164,245,186)
```

Tetradic Color

#ed5fc7
```
#ed5fc7 rgb(237,95,199)
```
#f076cf
```
#f076cf rgb(240,118,207)
```
#f28dd7
```
#f28dd7 rgb(242,141,215)
```
#f5a4df
```
#f5a4df rgb(245,164,223)
```
#f8bbe7
```
#f8bbe7 rgb(248,187,231)
```
#fad2ef
```
#fad2ef rgb(250,210,239)
```
#fde9f7
```
#fde9f7 rgb(253,233,247)
```

Monochromatic Color

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

#f5a4f3
```
#f5a4f3 rgb(245,164,243)
```
#f5a4ed
```
#f5a4ed rgb(245,164,237)
```
#f5a4e6
```
#f5a4e6 rgb(245,164,230)
```
#f5a4df
```
#f5a4df rgb(245,164,223)
```
#f5a4d8
```
#f5a4d8 rgb(245,164,216)
```
#f5a4d2
```
#f5a4d2 rgb(245,164,210)
```
#f5a4cb
```
#f5a4cb rgb(245,164,203)
```

Similar Colors

Text with hexadecimal color #f5a4df

This text has a font color of #f5a4df.

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

#f5a4df background color

This paragraph has a background color of #f5a4df.

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

#f5a4df border color

This element has a border color of #f5a4df.

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

CSS codes

.text {color:#f5a4df;}

.background {background-color:#f5a4df;}

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

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

#0f020b
```
#0f020b rgb(15,2,11)
```
#210419
```
#210419 rgb(33,4,25)
```
#320626
```
#320626 rgb(50,6,38)
```
#440734
```
#440734 rgb(68,7,52)
```
#560941
```
#560941 rgb(86,9,65)
```
#670b4e
```
#670b4e rgb(103,11,78)
```
#790d5c
```
#790d5c rgb(121,13,92)
```
#8b0f69
```
#8b0f69 rgb(139,15,105)
```
#9c1177
```
#9c1177 rgb(156,17,119)
```
#ae1384
```
#ae1384 rgb(174,19,132)
```
#c01591
```
#c01591 rgb(192,21,145)
```
#d1179f
```
#d1179f rgb(209,23,159)
```
#e319ac
```
#e319ac rgb(227,25,172)
```

Shade Color Variation

#e728b3
```
#e728b3 rgb(231,40,179)
```
#e93aba
```
#e93aba rgb(233,58,186)
```
#eb4cc0
```
#eb4cc0 rgb(235,76,192)
```
#ed5dc6
```
#ed5dc6 rgb(237,93,198)
```
#ef6fcc
```
#ef6fcc rgb(239,111,204)
```
#f181d3
```
#f181d3 rgb(241,129,211)
```
#f392d9
```
#f392d9 rgb(243,146,217)
```
#f5a4df
```
#f5a4df rgb(245,164,223)
```
#f7b6e5
```
#f7b6e5 rgb(247,182,229)
```
#f9c7eb
```
#f9c7eb rgb(249,199,235)
```
#fbd9f2
```
#fbd9f2 rgb(251,217,242)
```
#fdebf8
```
#fdebf8 rgb(253,235,248)
```
#fffcfe
```
#fffcfe rgb(255,252,254)
```

Tint Color Variation

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

#cecbcd
```
#cecbcd rgb(206,203,205)
```
#d2c7cf
```
#d2c7cf rgb(210,199,207)
```
#d6c3d1
```
#d6c3d1 rgb(214,195,209)
```
#dabfd3
```
#dabfd3 rgb(218,191,211)
```
#debbd4
```
#debbd4 rgb(222,187,212)
```
#e2b7d6
```
#e2b7d6 rgb(226,183,214)
```
#e5b4d8
```
#e5b4d8 rgb(229,180,216)
```
#e9b0da
```
#e9b0da rgb(233,176,218)
```
#edacdb
```
#edacdb rgb(237,172,219)
```
#f1a8dd
```
#f1a8dd rgb(241,168,221)
```
#f5a4df
```
#f5a4df rgb(245,164,223)
```
#f9a0e1
```
#f9a0e1 rgb(249,160,225)
```
#fd9ce3
```
#fd9ce3 rgb(253,156,227)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#cdbdc9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4bfee Protanopia 1% of men
#c6bcda Deuteranopia 1% of men
#f0afbc Tritanopia 0.001% of the population

Trichromacy

#ccb5e8 Protanomaly 1% of men, 0.01% of women
#d7b3dc Deuteranomaly 6% of men, 0.4% of women
#f2abc8 Tritanomaly 0.01% of the population

#f5a4df hex color

#f5a4df Color Information

#f5a4df Color Conversion

Color Schemes with #f5a4df

Alternatives to #f5a4df

#f5a4df Preview

Shades and Tints of #f5a4df

Tones of #f5a4df

Color Blindness Simulator