#f5a4bf hex color

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

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

● #f5a4bf color description : Very soft pink.

The hexadecimal color #f5a4bf has RGB values of R:245, G:164, B:191 and CMYK values of C:0, M:0.33, Y:0.22, K:0.04. Its decimal value is 16098495.

Hex triplet	f5a4bf	`#f5a4bf`
RGB Decimal	245, 164, 191	`rgb(245,164,191)`
RGB Percent	96.1, 64.3, 74.9	`rgb(96.1%,64.3%,74.9%)`
CMYK	0, 33, 22, 4
HSL	340°, 80.2, 80.2	`hsl(340,80.2%,80.2%)`
HSV (or HSB)	340°, 33.1, 96.1
Web Safe	ff99cc	`#ff99cc`

CIE-LAB	75.902, 33.586, -1.51
XYZ	60.335, 49.728, 55.708
xyY	0.364, 0.3, 49.728
CIE-LCH	75.902, 33.62, 357.426
CIE-LUV	75.902, 49.437, -8.431
Hunter-Lab	70.518, 29.318, 2.525
Binary	11110101, 10100100, 10111111

#f5a4bf
```
#f5a4bf rgb(245,164,191)
```
#a4f5da
```
#a4f5da rgb(164,245,218)
```

Complementary Color

#f5a4e8
```
#f5a4e8 rgb(245,164,232)
```
#f5a4bf
```
#f5a4bf rgb(245,164,191)
```
#f5b2a4
```
#f5b2a4 rgb(245,178,164)
```

Analogous Color

#a4e8f5
```
#a4e8f5 rgb(164,232,245)
```
#f5a4bf
```
#f5a4bf rgb(245,164,191)
```
#a4f5b2
```
#a4f5b2 rgb(164,245,178)
```

Split Complementary Color

#a4bff5
```
#a4bff5 rgb(164,191,245)
```
#f5a4bf
```
#f5a4bf rgb(245,164,191)
```
#bff5a4
```
#bff5a4 rgb(191,245,164)
```

Triadic Color

#daa4f5
```
#daa4f5 rgb(218,164,245)
```
#f5a4bf
```
#f5a4bf rgb(245,164,191)
```
#bff5a4
```
#bff5a4 rgb(191,245,164)
```
#a4f5da
```
#a4f5da rgb(164,245,218)
```

Tetradic Color

#ed5f8f
```
#ed5f8f rgb(237,95,143)
```
#f0769f
```
#f0769f rgb(240,118,159)
```
#f28daf
```
#f28daf rgb(242,141,175)
```
#f5a4bf
```
#f5a4bf rgb(245,164,191)
```
#f8bbcf
```
#f8bbcf rgb(248,187,207)
```
#fad2df
```
#fad2df rgb(250,210,223)
```
#fde9ef
```
#fde9ef rgb(253,233,239)
```

Monochromatic Color

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

#f5a4d3
```
#f5a4d3 rgb(245,164,211)
```
#f5a4cd
```
#f5a4cd rgb(245,164,205)
```
#f5a4c6
```
#f5a4c6 rgb(245,164,198)
```
#f5a4bf
```
#f5a4bf rgb(245,164,191)
```
#f5a4b8
```
#f5a4b8 rgb(245,164,184)
```
#f5a4b2
```
#f5a4b2 rgb(245,164,178)
```
#f5a4ab
```
#f5a4ab rgb(245,164,171)
```

Similar Colors

Text with hexadecimal color #f5a4bf

This text has a font color of #f5a4bf.

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

#f5a4bf background color

This paragraph has a background color of #f5a4bf.

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

#f5a4bf border color

This element has a border color of #f5a4bf.

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

CSS codes

.text {color:#f5a4bf;}

.background {background-color:#f5a4bf;}

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

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

#0f0206
```
#0f0206 rgb(15,2,6)
```
#21040d
```
#21040d rgb(33,4,13)
```
#320614
```
#320614 rgb(50,6,20)
```
#44071c
```
#44071c rgb(68,7,28)
```
#560923
```
#560923 rgb(86,9,35)
```
#670b2a
```
#670b2a rgb(103,11,42)
```
#790d31
```
#790d31 rgb(121,13,49)
```
#8b0f38
```
#8b0f38 rgb(139,15,56)
```
#9c1140
```
#9c1140 rgb(156,17,64)
```
#ae1347
```
#ae1347 rgb(174,19,71)
```
#c0154e
```
#c0154e rgb(192,21,78)
```
#d11755
```
#d11755 rgb(209,23,85)
```
#e3195c
```
#e3195c rgb(227,25,92)
```

Shade Color Variation

#e72868
```
#e72868 rgb(231,40,104)
```
#e93a74
```
#e93a74 rgb(233,58,116)
```
#eb4c81
```
#eb4c81 rgb(235,76,129)
```
#ed5d8d
```
#ed5d8d rgb(237,93,141)
```
#ef6f9a
```
#ef6f9a rgb(239,111,154)
```
#f181a6
```
#f181a6 rgb(241,129,166)
```
#f392b3
```
#f392b3 rgb(243,146,179)
```
#f5a4bf
```
#f5a4bf rgb(245,164,191)
```
#f7b6cb
```
#f7b6cb rgb(247,182,203)
```
#f9c7d8
```
#f9c7d8 rgb(249,199,216)
```
#fbd9e4
```
#fbd9e4 rgb(251,217,228)
```
#fdebf1
```
#fdebf1 rgb(253,235,241)
```
#fffcfd
```
#fffcfd rgb(255,252,253)
```

Tint Color Variation

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

#cecbcc
```
#cecbcc rgb(206,203,204)
```
#d2c7cb
```
#d2c7cb rgb(210,199,203)
```
#d6c3c9
```
#d6c3c9 rgb(214,195,201)
```
#dabfc8
```
#dabfc8 rgb(218,191,200)
```
#debbc7
```
#debbc7 rgb(222,187,199)
```
#e2b7c5
```
#e2b7c5 rgb(226,183,197)
```
#e5b4c4
```
#e5b4c4 rgb(229,180,196)
```
#e9b0c3
```
#e9b0c3 rgb(233,176,195)
```
#edacc2
```
#edacc2 rgb(237,172,194)
```
#f1a8c0
```
#f1a8c0 rgb(241,168,192)
```
#f5a4bf
```
#f5a4bf rgb(245,164,191)
```
#f9a0be
```
#f9a0be rgb(249,160,190)
```
#fd9cbc
```
#fd9cbc rgb(253,156,188)
```

Tone Color Variation

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

Dichromacy

#bdbdcd Protanopia 1% of men
#d0b8bd Deuteranopia 1% of men
#f4aab6 Tritanopia 0.001% of the population

Trichromacy

#d1b4c8 Protanomaly 1% of men, 0.01% of women
#ddb1be Deuteranomaly 6% of men, 0.4% of women
#f4a8b9 Tritanomaly 0.01% of the population

#f5a4bf hex color

#f5a4bf Color Information

#f5a4bf Color Conversion

Color Schemes with #f5a4bf

Alternatives to #f5a4bf

#f5a4bf Preview

Shades and Tints of #f5a4bf

Tones of #f5a4bf

Color Blindness Simulator