#f057bc hex color

In a RGB color space, hex #f057bc is composed of 94.1% red, 34.1% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.8% magenta, 21.7% yellow and 5.9% black. It has a hue angle of 320.4 degrees, a saturation of 83.6% and a lightness of 64.1%. #f057bc color hex could be obtained by blending #ffaeff with #e10079. Closest websafe color is: #ff66cc.

♥
- f
- t
- g
- R 94
- G 34
- B 74
RGB color chart
- C 0
- M 64
- Y 22
- K 6
CMYK color chart

● #f057bc color description : Soft pink.

The hexadecimal color #f057bc has RGB values of R:240, G:87, B:188 and CMYK values of C:0, M:0.64, Y:0.22, K:0.06. Its decimal value is 15751100.

Hex triplet	f057bc	`#f057bc`
RGB Decimal	240, 87, 188	`rgb(240,87,188)`
RGB Percent	94.1, 34.1, 73.7	`rgb(94.1%,34.1%,73.7%)`
CMYK	0, 64, 22, 6
HSL	320.4°, 83.6, 64.1	`hsl(320.4,83.6%,64.1%)`
HSV (or HSB)	320.4°, 63.8, 94.1
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	60.761, 68.467, -22.586
XYZ	48.421, 28.976, 50.617
xyY	0.378, 0.226, 28.976
CIE-LCH	60.761, 72.096, 341.743
CIE-LUV	60.761, 84.686, -45.493
Hunter-Lab	53.83, 66.362, -18.071
Binary	11110000, 01010111, 10111100

#f057bc
```
#f057bc rgb(240,87,188)
```
#57f08b
```
#57f08b rgb(87,240,139)
```

Complementary Color

#d857f0
```
#d857f0 rgb(216,87,240)
```
#f057bc
```
#f057bc rgb(240,87,188)
```
#f05770
```
#f05770 rgb(240,87,112)
```

Analogous Color

#57f0d8
```
#57f0d8 rgb(87,240,216)
```
#f057bc
```
#f057bc rgb(240,87,188)
```
#70f057
```
#70f057 rgb(112,240,87)
```

Split Complementary Color

#57bcf0
```
#57bcf0 rgb(87,188,240)
```
#f057bc
```
#f057bc rgb(240,87,188)
```
#bcf057
```
#bcf057 rgb(188,240,87)
```

Triadic Color

#8b57f0
```
#8b57f0 rgb(139,87,240)
```
#f057bc
```
#f057bc rgb(240,87,188)
```
#bcf057
```
#bcf057 rgb(188,240,87)
```
#57f08b
```
#57f08b rgb(87,240,139)
```

Tetradic Color

#e6159f
```
#e6159f rgb(230,21,159)
```
#ec28a9
```
#ec28a9 rgb(236,40,169)
```
#ee40b3
```
#ee40b3 rgb(238,64,179)
```
#f057bc
```
#f057bc rgb(240,87,188)
```
#f26ec5
```
#f26ec5 rgb(242,110,197)
```
#f486cf
```
#f486cf rgb(244,134,207)
```
#f69dd8
```
#f69dd8 rgb(246,157,216)
```

Monochromatic Color

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

#f057e2
```
#f057e2 rgb(240,87,226)
```
#f057d6
```
#f057d6 rgb(240,87,214)
```
#f057c9
```
#f057c9 rgb(240,87,201)
```
#f057bc
```
#f057bc rgb(240,87,188)
```
#f057af
```
#f057af rgb(240,87,175)
```
#f057a3
```
#f057a3 rgb(240,87,163)
```
#f05796
```
#f05796 rgb(240,87,150)
```

Similar Colors

Text with hexadecimal color #f057bc

This text has a font color of #f057bc.

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

#f057bc background color

This paragraph has a background color of #f057bc.

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

#f057bc border color

This element has a border color of #f057bc.

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

CSS codes

.text {color:#f057bc;}

.background {background-color:#f057bc;}

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

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

#0c0108
```
#0c0108 rgb(12,1,8)
```
#1e0315
```
#1e0315 rgb(30,3,21)
```
#300421
```
#300421 rgb(48,4,33)
```
#42062e
```
#42062e rgb(66,6,46)
```
#54083a
```
#54083a rgb(84,8,58)
```
#660947
```
#660947 rgb(102,9,71)
```
#780b53
```
#780b53 rgb(120,11,83)
```
#8a0c5f
```
#8a0c5f rgb(138,12,95)
```
#9c0e6c
```
#9c0e6c rgb(156,14,108)
```
#ae1078
```
#ae1078 rgb(174,16,120)
```
#c01185
```
#c01185 rgb(192,17,133)
```
#d21391
```
#d21391 rgb(210,19,145)
```
#e4149e
```
#e4149e rgb(228,20,158)
```

Shade Color Variation

#eb21a6
```
#eb21a6 rgb(235,33,166)
```
#ed33ae
```
#ed33ae rgb(237,51,174)
```
#ee45b5
```
#ee45b5 rgb(238,69,181)
```
#f057bc
```
#f057bc rgb(240,87,188)
```
#f269c3
```
#f269c3 rgb(242,105,195)
```
#f37bca
```
#f37bca rgb(243,123,202)
```
#f58dd2
```
#f58dd2 rgb(245,141,210)
```
#f69fd9
```
#f69fd9 rgb(246,159,217)
```
#f8b1e0
```
#f8b1e0 rgb(248,177,224)
```
#fac3e7
```
#fac3e7 rgb(250,195,231)
```
#fbd5ee
```
#fbd5ee rgb(251,213,238)
```
#fde7f5
```
#fde7f5 rgb(253,231,245)
```
#fef9fd
```
#fef9fd rgb(254,249,253)
```

Tint Color Variation

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

#aa9da5
```
#aa9da5 rgb(170,157,165)
```
#b196a8
```
#b196a8 rgb(177,150,168)
```
#b88faa
```
#b88faa rgb(184,143,170)
```
#bf88ac
```
#bf88ac rgb(191,136,172)
```
#c681ae
```
#c681ae rgb(198,129,174)
```
#cd7ab1
```
#cd7ab1 rgb(205,122,177)
```
#d473b3
```
#d473b3 rgb(212,115,179)
```
#db6cb5
```
#db6cb5 rgb(219,108,181)
```
#e265b7
```
#e265b7 rgb(226,101,183)
```
#e95eba
```
#e95eba rgb(233,94,186)
```
#f057bc
```
#f057bc rgb(240,87,188)
```
#f750be
```
#f750be rgb(247,80,190)
```
#fe49c1
```
#fe49c1 rgb(254,73,193)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#a38599 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a95e2 Protanopia 1% of men
#9895b2 Deuteranopia 1% of men
#e97279 Tritanopia 0.001% of the population

Trichromacy

#a47ed4 Protanomaly 1% of men, 0.01% of women
#b87eb5 Deuteranomaly 6% of men, 0.4% of women
#ec6891 Tritanomaly 0.01% of the population

#f057bc hex color

#f057bc Color Information

#f057bc Color Conversion

Color Schemes with #f057bc

Alternatives to #f057bc

#f057bc Preview

Shades and Tints of #f057bc

Tones of #f057bc

Color Blindness Simulator