#f57ba4 hex color

In a RGB color space, hex #f57ba4 is composed of 96.1% red, 48.2% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.8% magenta, 33.1% yellow and 3.9% black. It has a hue angle of 339.8 degrees, a saturation of 85.9% and a lightness of 72.2%. #f57ba4 color hex could be obtained by blending #fff6ff with #eb0049. Closest websafe color is: #ff6699.

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

● #f57ba4 color description : Soft pink.

The hexadecimal color #f57ba4 has RGB values of R:245, G:123, B:164 and CMYK values of C:0, M:0.5, Y:0.33, K:0.04. Its decimal value is 16087972.

Hex triplet	f57ba4	`#f57ba4`
RGB Decimal	245, 123, 164	`rgb(245,123,164)`
RGB Percent	96.1, 48.2, 64.3	`rgb(96.1%,48.2%,64.3%)`
CMYK	0, 50, 33, 4
HSL	339.8°, 85.9, 72.2	`hsl(339.8,85.9%,72.2%)`
HSV (or HSB)	339.8°, 49.8, 96.1
Web Safe	ff6699	`#ff6699`

CIE-LAB	66.72, 50.915, 0.089
XYZ	51.44, 36.262, 39.41
xyY	0.405, 0.285, 36.262
CIE-LCH	66.72, 50.915, 0.1
CIE-LUV	66.72, 78.496, -9.537
Hunter-Lab	60.218, 47.098, 3.35
Binary	11110101, 01111011, 10100100

#f57ba4
```
#f57ba4 rgb(245,123,164)
```
#7bf5cc
```
#7bf5cc rgb(123,245,204)
```

Complementary Color

#f57be1
```
#f57be1 rgb(245,123,225)
```
#f57ba4
```
#f57ba4 rgb(245,123,164)
```
#f58f7b
```
#f58f7b rgb(245,143,123)
```

Analogous Color

#7be1f5
```
#7be1f5 rgb(123,225,245)
```
#f57ba4
```
#f57ba4 rgb(245,123,164)
```
#7bf58f
```
#7bf58f rgb(123,245,143)
```

Split Complementary Color

#7ba4f5
```
#7ba4f5 rgb(123,164,245)
```
#f57ba4
```
#f57ba4 rgb(245,123,164)
```
#a4f57b
```
#a4f57b rgb(164,245,123)
```

Triadic Color

#cc7bf5
```
#cc7bf5 rgb(204,123,245)
```
#f57ba4
```
#f57ba4 rgb(245,123,164)
```
#a4f57b
```
#a4f57b rgb(164,245,123)
```
#7bf5cc
```
#7bf5cc rgb(123,245,204)
```

Tetradic Color

#f03473
```
#f03473 rgb(240,52,115)
```
#f14c83
```
#f14c83 rgb(241,76,131)
```
#f36394
```
#f36394 rgb(243,99,148)
```
#f57ba4
```
#f57ba4 rgb(245,123,164)
```
#f793b4
```
#f793b4 rgb(247,147,180)
```
#f9aac5
```
#f9aac5 rgb(249,170,197)
```
#fac2d5
```
#fac2d5 rgb(250,194,213)
```

Monochromatic Color

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

#f57bc3
```
#f57bc3 rgb(245,123,195)
```
#f57bb8
```
#f57bb8 rgb(245,123,184)
```
#f57bae
```
#f57bae rgb(245,123,174)
```
#f57ba4
```
#f57ba4 rgb(245,123,164)
```
#f57b9a
```
#f57b9a rgb(245,123,154)
```
#f57b90
```
#f57b90 rgb(245,123,144)
```
#f57b86
```
#f57b86 rgb(245,123,134)
```

Similar Colors

Text with hexadecimal color #f57ba4

This text has a font color of #f57ba4.

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

#f57ba4 background color

This paragraph has a background color of #f57ba4.

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

#f57ba4 border color

This element has a border color of #f57ba4.

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

CSS codes

.text {color:#f57ba4;}

.background {background-color:#f57ba4;}

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

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

#0e0105
```
#0e0105 rgb(14,1,5)
```
#20020c
```
#20020c rgb(32,2,12)
```
#320413
```
#320413 rgb(50,4,19)
```
#45051a
```
#45051a rgb(69,5,26)
```
#570722
```
#570722 rgb(87,7,34)
```
#690829
```
#690829 rgb(105,8,41)
```
#7b0930
```
#7b0930 rgb(123,9,48)
```
#8e0b37
```
#8e0b37 rgb(142,11,55)
```
#a00c3e
```
#a00c3e rgb(160,12,62)
```
#b20d45
```
#b20d45 rgb(178,13,69)
```
#c40f4c
```
#c40f4c rgb(196,15,76)
```
#d61053
```
#d61053 rgb(214,16,83)
```
#e9125a
```
#e9125a rgb(233,18,90)
```

Shade Color Variation

#ee2065
```
#ee2065 rgb(238,32,101)
```
#ef3272
```
#ef3272 rgb(239,50,114)
```
#f1447e
```
#f1447e rgb(241,68,126)
```
#f2578b
```
#f2578b rgb(242,87,139)
```
#f46997
```
#f46997 rgb(244,105,151)
```
#f57ba4
```
#f57ba4 rgb(245,123,164)
```
#f68db1
```
#f68db1 rgb(246,141,177)
```
#f89fbd
```
#f89fbd rgb(248,159,189)
```
#f9b2ca
```
#f9b2ca rgb(249,178,202)
```
#fbc4d6
```
#fbc4d6 rgb(251,196,214)
```
#fcd6e3
```
#fcd6e3 rgb(252,214,227)
```
#fde8ef
```
#fde8ef rgb(253,232,239)
```
#fffbfc
```
#fffbfc rgb(255,251,252)
```

Tint Color Variation

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

#b9b7b8
```
#b9b7b8 rgb(185,183,184)
```
#beb2b6
```
#beb2b6 rgb(190,178,182)
```
#c4acb4
```
#c4acb4 rgb(196,172,180)
```
#c9a7b2
```
#c9a7b2 rgb(201,167,178)
```
#cfa1b1
```
#cfa1b1 rgb(207,161,177)
```
#d49caf
```
#d49caf rgb(212,156,175)
```
#da96ad
```
#da96ad rgb(218,150,173)
```
#df91ab
```
#df91ab rgb(223,145,171)
```
#e58ba9
```
#e58ba9 rgb(229,139,169)
```
#ea86a8
```
#ea86a8 rgb(234,134,168)
```
#f080a6
```
#f080a6 rgb(240,128,166)
```
#f57ba4
```
#f57ba4 rgb(245,123,164)
```
#fa76a2
```
#fa76a2 rgb(250,118,162)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#b49ca4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3a5bc Protanopia 1% of men
#b9a1a0 Deuteranopia 1% of men
#f3868f Tritanopia 0.001% of the population

Trichromacy

#c096b3 Protanomaly 1% of men, 0.01% of women
#ce93a1 Deuteranomaly 6% of men, 0.4% of women
#f38296 Tritanomaly 0.01% of the population

#f57ba4 hex color

#f57ba4 Color Information

#f57ba4 Color Conversion

Color Schemes with #f57ba4

Alternatives to #f57ba4

#f57ba4 Preview

Shades and Tints of #f57ba4

Tones of #f57ba4

Color Blindness Simulator