#f5a5ba hex color

In a RGB color space, hex #f5a5ba is composed of 96.1% red, 64.7% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.7% magenta, 24.1% yellow and 3.9% black. It has a hue angle of 344.3 degrees, a saturation of 80% and a lightness of 80.4%. #f5a5ba color hex could be obtained by blending #ffffff with #eb4b75. Closest websafe color is: #ff99cc.

♥
- f
- t
- g
- R 96
- G 65
- B 73
RGB color chart
- C 0
- M 33
- Y 24
- K 4
CMYK color chart

● #f5a5ba color description : Very soft pink.

The hexadecimal color #f5a5ba has RGB values of R:245, G:165, B:186 and CMYK values of C:0, M:0.33, Y:0.24, K:0.04. Its decimal value is 16098746.

Hex triplet	f5a5ba	`#f5a5ba`
RGB Decimal	245, 165, 186	`rgb(245,165,186)`
RGB Percent	96.1, 64.7, 72.9	`rgb(96.1%,64.7%,72.9%)`
CMYK	0, 33, 24, 4
HSL	344.3°, 80, 80.4	`hsl(344.3,80%,80.4%)`
HSV (or HSB)	344.3°, 32.7, 96.1
Web Safe	ff99cc	`#ff99cc`

CIE-LAB	75.99, 32.348, 1.357
XYZ	59.974, 49.871, 52.919
xyY	0.368, 0.306, 49.871
CIE-LCH	75.99, 32.376, 2.402
CIE-LUV	75.99, 49.686, -4.033
Hunter-Lab	70.619, 28.009, 5.004
Binary	11110101, 10100101, 10111010

#f5a5ba
```
#f5a5ba rgb(245,165,186)
```
#a5f5e0
```
#a5f5e0 rgb(165,245,224)
```

Complementary Color

#f5a5e2
```
#f5a5e2 rgb(245,165,226)
```
#f5a5ba
```
#f5a5ba rgb(245,165,186)
```
#f5b8a5
```
#f5b8a5 rgb(245,184,165)
```

Analogous Color

#a5e2f5
```
#a5e2f5 rgb(165,226,245)
```
#f5a5ba
```
#f5a5ba rgb(245,165,186)
```
#a5f5b8
```
#a5f5b8 rgb(165,245,184)
```

Split Complementary Color

#a5baf5
```
#a5baf5 rgb(165,186,245)
```
#f5a5ba
```
#f5a5ba rgb(245,165,186)
```
#baf5a5
```
#baf5a5 rgb(186,245,165)
```

Triadic Color

#e0a5f5
```
#e0a5f5 rgb(224,165,245)
```
#f5a5ba
```
#f5a5ba rgb(245,165,186)
```
#baf5a5
```
#baf5a5 rgb(186,245,165)
```
#a5f5e0
```
#a5f5e0 rgb(165,245,224)
```

Tetradic Color

#ed6085
```
#ed6085 rgb(237,96,133)
```
#f07797
```
#f07797 rgb(240,119,151)
```
#f28ea8
```
#f28ea8 rgb(242,142,168)
```
#f5a5ba
```
#f5a5ba rgb(245,165,186)
```
#f8bccc
```
#f8bccc rgb(248,188,204)
```
#fad3dd
```
#fad3dd rgb(250,211,221)
```
#fdeaef
```
#fdeaef rgb(253,234,239)
```

Monochromatic Color

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

#f5a5ce
```
#f5a5ce rgb(245,165,206)
```
#f5a5c7
```
#f5a5c7 rgb(245,165,199)
```
#f5a5c1
```
#f5a5c1 rgb(245,165,193)
```
#f5a5ba
```
#f5a5ba rgb(245,165,186)
```
#f5a5b3
```
#f5a5b3 rgb(245,165,179)
```
#f5a5ad
```
#f5a5ad rgb(245,165,173)
```
#f5a5a6
```
#f5a5a6 rgb(245,165,166)
```

Similar Colors

Text with hexadecimal color #f5a5ba

This text has a font color of #f5a5ba.

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

#f5a5ba background color

This paragraph has a background color of #f5a5ba.

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

#f5a5ba border color

This element has a border color of #f5a5ba.

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

CSS codes

.text {color:#f5a5ba;}

.background {background-color:#f5a5ba;}

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

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

#100205
```
#100205 rgb(16,2,5)
```
#22040c
```
#22040c rgb(34,4,12)
```
#330612
```
#330612 rgb(51,6,18)
```
#450818
```
#450818 rgb(69,8,24)
```
#570a1e
```
#570a1e rgb(87,10,30)
```
#680c24
```
#680c24 rgb(104,12,36)
```
#7a0e2a
```
#7a0e2a rgb(122,14,42)
```
#8c1030
```
#8c1030 rgb(140,16,48)
```
#9d1136
```
#9d1136 rgb(157,17,54)
```
#af133c
```
#af133c rgb(175,19,60)
```
#c01542
```
#c01542 rgb(192,21,66)
```
#d21748
```
#d21748 rgb(210,23,72)
```
#e4194e
```
#e4194e rgb(228,25,78)
```

Shade Color Variation

#e7295b
```
#e7295b rgb(231,41,91)
```
#e93b69
```
#e93b69 rgb(233,59,105)
```
#eb4d76
```
#eb4d76 rgb(235,77,118)
```
#ed5e84
```
#ed5e84 rgb(237,94,132)
```
#ef7091
```
#ef7091 rgb(239,112,145)
```
#f1829f
```
#f1829f rgb(241,130,159)
```
#f393ac
```
#f393ac rgb(243,147,172)
```
#f5a5ba
```
#f5a5ba rgb(245,165,186)
```
#f7b7c8
```
#f7b7c8 rgb(247,183,200)
```
#f9c8d5
```
#f9c8d5 rgb(249,200,213)
```
#fbdae3
```
#fbdae3 rgb(251,218,227)
```
#fdecf0
```
#fdecf0 rgb(253,236,240)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Tint Color Variation

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

#cfcbcc
```
#cfcbcc rgb(207,203,204)
```
#d2c8ca
```
#d2c8ca rgb(210,200,202)
```
#d6c4c9
```
#d6c4c9 rgb(214,196,201)
```
#dac0c7
```
#dac0c7 rgb(218,192,199)
```
#debcc5
```
#debcc5 rgb(222,188,197)
```
#e2b8c3
```
#e2b8c3 rgb(226,184,195)
```
#e6b4c1
```
#e6b4c1 rgb(230,180,193)
```
#e9b1bf
```
#e9b1bf rgb(233,177,191)
```
#edadbe
```
#edadbe rgb(237,173,190)
```
#f1a9bc
```
#f1a9bc rgb(241,169,188)
```
#f5a5ba
```
#f5a5ba rgb(245,165,186)
```
#f9a1b8
```
#f9a1b8 rgb(249,161,184)
```
#fd9db6
```
#fd9db6 rgb(253,157,182)
```

Tone Color Variation

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

Dichromacy

#bfbdc8 Protanopia 1% of men
#d2b8b9 Deuteranopia 1% of men
#f4aab6 Tritanopia 0.001% of the population

Trichromacy

#d2b4c3 Protanomaly 1% of men, 0.01% of women
#dfb1b9 Deuteranomaly 6% of men, 0.4% of women
#f4a8b7 Tritanomaly 0.01% of the population

#f5a5ba hex color

#f5a5ba Color Information

#f5a5ba Color Conversion

Color Schemes with #f5a5ba

Alternatives to #f5a5ba

#f5a5ba Preview

Shades and Tints of #f5a5ba

Tones of #f5a5ba

Color Blindness Simulator