#f5a4b0 hex color

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

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

● #f5a4b0 color description : Very soft red.

The hexadecimal color #f5a4b0 has RGB values of R:245, G:164, B:176 and CMYK values of C:0, M:0.33, Y:0.28, K:0.04. Its decimal value is 16098480.

Hex triplet	f5a4b0	`#f5a4b0`
RGB Decimal	245, 164, 176	`rgb(245,164,176)`
RGB Percent	96.1, 64.3, 69	`rgb(96.1%,64.3%,69%)`
CMYK	0, 33, 28, 4
HSL	351.1°, 80.2, 80.2	`hsl(351.1,80.2%,80.2%)`
HSV (or HSB)	351.1°, 33.1, 96.1
Web Safe	ff9999	`#ff9999`

CIE-LAB	75.514, 31.505, 6.147
XYZ	58.768, 49.101, 47.454
xyY	0.378, 0.316, 49.101
CIE-LCH	75.514, 32.099, 11.041
CIE-LUV	75.514, 51.897, 2.906
Hunter-Lab	70.072, 27.078, 8.898
Binary	11110101, 10100100, 10110000

#f5a4b0
```
#f5a4b0 rgb(245,164,176)
```
#a4f5e9
```
#a4f5e9 rgb(164,245,233)
```

Complementary Color

#f5a4d9
```
#f5a4d9 rgb(245,164,217)
```
#f5a4b0
```
#f5a4b0 rgb(245,164,176)
```
#f5c1a4
```
#f5c1a4 rgb(245,193,164)
```

Analogous Color

#a4d9f5
```
#a4d9f5 rgb(164,217,245)
```
#f5a4b0
```
#f5a4b0 rgb(245,164,176)
```
#a4f5c1
```
#a4f5c1 rgb(164,245,193)
```

Split Complementary Color

#a4b0f5
```
#a4b0f5 rgb(164,176,245)
```
#f5a4b0
```
#f5a4b0 rgb(245,164,176)
```
#b0f5a4
```
#b0f5a4 rgb(176,245,164)
```

Triadic Color

#e9a4f5
```
#e9a4f5 rgb(233,164,245)
```
#f5a4b0
```
#f5a4b0 rgb(245,164,176)
```
#b0f5a4
```
#b0f5a4 rgb(176,245,164)
```
#a4f5e9
```
#a4f5e9 rgb(164,245,233)
```

Tetradic Color

#ed5f74
```
#ed5f74 rgb(237,95,116)
```
#f07688
```
#f07688 rgb(240,118,136)
```
#f28d9c
```
#f28d9c rgb(242,141,156)
```
#f5a4b0
```
#f5a4b0 rgb(245,164,176)
```
#f8bbc4
```
#f8bbc4 rgb(248,187,196)
```
#fad2d8
```
#fad2d8 rgb(250,210,216)
```
#fde9ec
```
#fde9ec rgb(253,233,236)
```

Monochromatic Color

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

#f5a4c4
```
#f5a4c4 rgb(245,164,196)
```
#f5a4be
```
#f5a4be rgb(245,164,190)
```
#f5a4b7
```
#f5a4b7 rgb(245,164,183)
```
#f5a4b0
```
#f5a4b0 rgb(245,164,176)
```
#f5a4a9
```
#f5a4a9 rgb(245,164,169)
```
#f5a6a4
```
#f5a6a4 rgb(245,166,164)
```
#f5aca4
```
#f5aca4 rgb(245,172,164)
```

Similar Colors

Text with hexadecimal color #f5a4b0

This text has a font color of #f5a4b0.

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

#f5a4b0 background color

This paragraph has a background color of #f5a4b0.

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

#f5a4b0 border color

This element has a border color of #f5a4b0.

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

CSS codes

.text {color:#f5a4b0;}

.background {background-color:#f5a4b0;}

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

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

#0f0204
```
#0f0204 rgb(15,2,4)
```
#210408
```
#210408 rgb(33,4,8)
```
#32060c
```
#32060c rgb(50,6,12)
```
#440710
```
#440710 rgb(68,7,16)
```
#560915
```
#560915 rgb(86,9,21)
```
#670b19
```
#670b19 rgb(103,11,25)
```
#790d1d
```
#790d1d rgb(121,13,29)
```
#8b0f22
```
#8b0f22 rgb(139,15,34)
```
#9c1126
```
#9c1126 rgb(156,17,38)
```
#ae132a
```
#ae132a rgb(174,19,42)
```
#c0152e
```
#c0152e rgb(192,21,46)
```
#d11733
```
#d11733 rgb(209,23,51)
```
#e31937
```
#e31937 rgb(227,25,55)
```

Shade Color Variation

#e72845
```
#e72845 rgb(231,40,69)
```
#e93a54
```
#e93a54 rgb(233,58,84)
```
#eb4c63
```
#eb4c63 rgb(235,76,99)
```
#ed5d73
```
#ed5d73 rgb(237,93,115)
```
#ef6f82
```
#ef6f82 rgb(239,111,130)
```
#f18191
```
#f18191 rgb(241,129,145)
```
#f392a1
```
#f392a1 rgb(243,146,161)
```
#f5a4b0
```
#f5a4b0 rgb(245,164,176)
```
#f7b6bf
```
#f7b6bf rgb(247,182,191)
```
#f9c7cf
```
#f9c7cf rgb(249,199,207)
```
#fbd9de
```
#fbd9de rgb(251,217,222)
```
#fdebed
```
#fdebed rgb(253,235,237)
```
#fffcfd
```
#fffcfd rgb(255,252,253)
```

Tint Color Variation

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

#cecbcb
```
#cecbcb rgb(206,203,203)
```
#d2c7c9
```
#d2c7c9 rgb(210,199,201)
```
#d6c3c6
```
#d6c3c6 rgb(214,195,198)
```
#dabfc3
```
#dabfc3 rgb(218,191,195)
```
#debbc0
```
#debbc0 rgb(222,187,192)
```
#e2b7be
```
#e2b7be rgb(226,183,190)
```
#e5b4bb
```
#e5b4bb rgb(229,180,187)
```
#e9b0b8
```
#e9b0b8 rgb(233,176,184)
```
#edacb5
```
#edacb5 rgb(237,172,181)
```
#f1a8b3
```
#f1a8b3 rgb(241,168,179)
```
#f5a4b0
```
#f5a4b0 rgb(245,164,176)
```
#f9a0ad
```
#f9a0ad rgb(249,160,173)
```
#fd9cab
```
#fd9cab rgb(253,156,171)
```

Tone Color Variation

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

Dichromacy

#c0bcbe Protanopia 1% of men
#d4b7b0 Deuteranopia 1% of men
#f5a8b4 Tritanopia 0.001% of the population

Trichromacy

#d3b3b9 Protanomaly 1% of men, 0.01% of women
#e0b0b0 Deuteranomaly 6% of men, 0.4% of women
#f5a7b2 Tritanomaly 0.01% of the population

#f5a4b0 hex color

#f5a4b0 Color Information

#f5a4b0 Color Conversion

Color Schemes with #f5a4b0

Alternatives to #f5a4b0

#f5a4b0 Preview

Shades and Tints of #f5a4b0

Tones of #f5a4b0

Color Blindness Simulator