#f57c94 hex color

In a RGB color space, hex #f57c94 is composed of 96.1% red, 48.6% green and 58% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.4% magenta, 39.6% yellow and 3.9% black. It has a hue angle of 348.1 degrees, a saturation of 85.8% and a lightness of 72.4%. #f57c94 color hex could be obtained by blending #fff8ff with #eb0029. Closest websafe color is: #ff6699.

♥
- f
- t
- g
- R 96
- G 49
- B 58
RGB color chart
- C 0
- M 49
- Y 40
- K 4
CMYK color chart

● #f57c94 color description : Soft red.

The hexadecimal color #f57c94 has RGB values of R:245, G:124, B:148 and CMYK values of C:0, M:0.49, Y:0.4, K:0.04. Its decimal value is 16088212.

Hex triplet	f57c94	`#f57c94`
RGB Decimal	245, 124, 148	`rgb(245,124,148)`
RGB Percent	96.1, 48.6, 58	`rgb(96.1%,48.6%,58%)`
CMYK	0, 49, 40, 4
HSL	348.1°, 85.8, 72.4	`hsl(348.1,85.8%,72.4%)`
HSV (or HSB)	348.1°, 49.4, 96.1
Web Safe	ff6699	`#ff6699`

CIE-LAB	66.497, 48.602, 8.831
XYZ	50.21, 35.97, 32.314
xyY	0.424, 0.304, 35.97
CIE-LCH	66.497, 49.397, 10.298
CIE-LUV	66.497, 81.805, 2.672
Hunter-Lab	59.975, 44.481, 10.037
Binary	11110101, 01111100, 10010100

#f57c94
```
#f57c94 rgb(245,124,148)
```
#7cf5dd
```
#7cf5dd rgb(124,245,221)
```

Complementary Color

#f57cd1
```
#f57cd1 rgb(245,124,209)
```
#f57c94
```
#f57c94 rgb(245,124,148)
```
#f5a17c
```
#f5a17c rgb(245,161,124)
```

Analogous Color

#7cd1f5
```
#7cd1f5 rgb(124,209,245)
```
#f57c94
```
#f57c94 rgb(245,124,148)
```
#7cf5a1
```
#7cf5a1 rgb(124,245,161)
```

Split Complementary Color

#7c94f5
```
#7c94f5 rgb(124,148,245)
```
#f57c94
```
#f57c94 rgb(245,124,148)
```
#94f57c
```
#94f57c rgb(148,245,124)
```

Triadic Color

#dd7cf5
```
#dd7cf5 rgb(221,124,245)
```
#f57c94
```
#f57c94 rgb(245,124,148)
```
#94f57c
```
#94f57c rgb(148,245,124)
```
#7cf5dd
```
#7cf5dd rgb(124,245,221)
```

Tetradic Color

#f0355a
```
#f0355a rgb(240,53,90)
```
#f14d6d
```
#f14d6d rgb(241,77,109)
```
#f36481
```
#f36481 rgb(243,100,129)
```
#f57c94
```
#f57c94 rgb(245,124,148)
```
#f794a7
```
#f794a7 rgb(247,148,167)
```
#f9abbb
```
#f9abbb rgb(249,171,187)
```
#fac3ce
```
#fac3ce rgb(250,195,206)
```

Monochromatic Color

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

#f57cb2
```
#f57cb2 rgb(245,124,178)
```
#f57ca8
```
#f57ca8 rgb(245,124,168)
```
#f57c9e
```
#f57c9e rgb(245,124,158)
```
#f57c94
```
#f57c94 rgb(245,124,148)
```
#f57c8a
```
#f57c8a rgb(245,124,138)
```
#f57c80
```
#f57c80 rgb(245,124,128)
```
#f5827c
```
#f5827c rgb(245,130,124)
```

Similar Colors

Text with hexadecimal color #f57c94

This text has a font color of #f57c94.

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

#f57c94 background color

This paragraph has a background color of #f57c94.

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

#f57c94 border color

This element has a border color of #f57c94.

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

CSS codes

.text {color:#f57c94;}

.background {background-color:#f57c94;}

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

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

#0f0104
```
#0f0104 rgb(15,1,4)
```
#210309
```
#210309 rgb(33,3,9)
```
#33040d
```
#33040d rgb(51,4,13)
```
#450512
```
#450512 rgb(69,5,18)
```
#580717
```
#580717 rgb(88,7,23)
```
#6a081b
```
#6a081b rgb(106,8,27)
```
#7c0920
```
#7c0920 rgb(124,9,32)
```
#8e0b25
```
#8e0b25 rgb(142,11,37)
```
#a10c2a
```
#a10c2a rgb(161,12,42)
```
#b30e2e
```
#b30e2e rgb(179,14,46)
```
#c50f33
```
#c50f33 rgb(197,15,51)
```
#d71038
```
#d71038 rgb(215,16,56)
```
#e9123d
```
#e9123d rgb(233,18,61)
```

Shade Color Variation

#ee214a
```
#ee214a rgb(238,33,74)
```
#ef3358
```
#ef3358 rgb(239,51,88)
```
#f14567
```
#f14567 rgb(241,69,103)
```
#f25876
```
#f25876 rgb(242,88,118)
```
#f46a85
```
#f46a85 rgb(244,106,133)
```
#f57c94
```
#f57c94 rgb(245,124,148)
```
#f68ea3
```
#f68ea3 rgb(246,142,163)
```
#f8a0b2
```
#f8a0b2 rgb(248,160,178)
```
#f9b3c1
```
#f9b3c1 rgb(249,179,193)
```
#fbc5d0
```
#fbc5d0 rgb(251,197,208)
```
#fcd7de
```
#fcd7de rgb(252,215,222)
```
#fde9ed
```
#fde9ed rgb(253,233,237)
```
#fffcfc
```
#fffcfc rgb(255,252,252)
```

Tint Color Variation

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

#b9b8b8
```
#b9b8b8 rgb(185,184,184)
```
#bfb2b5
```
#bfb2b5 rgb(191,178,181)
```
#c4adb1
```
#c4adb1 rgb(196,173,177)
```
#caa7ae
```
#caa7ae rgb(202,167,174)
```
#cfa2ab
```
#cfa2ab rgb(207,162,171)
```
#d49da8
```
#d49da8 rgb(212,157,168)
```
#da97a4
```
#da97a4 rgb(218,151,164)
```
#df92a1
```
#df92a1 rgb(223,146,161)
```
#e58c9e
```
#e58c9e rgb(229,140,158)
```
#ea879b
```
#ea879b rgb(234,135,155)
```
#f08197
```
#f08197 rgb(240,129,151)
```
#f57c94
```
#f57c94 rgb(245,124,148)
```
#fa7791
```
#fa7791 rgb(250,119,145)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#b39ba0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a5aa Protanopia 1% of men
#bda092 Deuteranopia 1% of men
#f4848d Tritanopia 0.001% of the population

Trichromacy

#c396a2 Protanomaly 1% of men, 0.01% of women
#d19392 Deuteranomaly 6% of men, 0.4% of women
#f4818f Tritanomaly 0.01% of the population

#f57c94 hex color

#f57c94 Color Information

#f57c94 Color Conversion

Color Schemes with #f57c94

Alternatives to #f57c94

#f57c94 Preview

Shades and Tints of #f57c94

Tones of #f57c94

Color Blindness Simulator