#f00057 hex color

In a RGB color space, hex #f00057 is composed of 94.1% red, 0% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 100% magenta, 63.8% yellow and 5.9% black. It has a hue angle of 338.3 degrees, a saturation of 100% and a lightness of 47.1%. #f00057 color hex could be obtained by blending #ff00ae with #e10000. Closest websafe color is: #ff0066.

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

● #f00057 color description : Pure (or mostly pure) pink.

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

Hex triplet	f00057	`#f00057`
RGB Decimal	240, 0, 87	`rgb(240,0,87)`
RGB Percent	94.1, 0, 34.1	`rgb(94.1%,0%,34.1%)`
CMYK	0, 100, 64, 6
HSL	338.3°, 100, 47.1	`hsl(338.3,100%,47.1%)`
HSV (or HSB)	338.3°, 100, 94.1
Web Safe	ff0066	`#ff0066`

CIE-LAB	50.941, 78.691, 22.999
XYZ	37.657, 19.218, 10.743
xyY	0.557, 0.284, 19.218
CIE-LCH	50.941, 81.983, 16.292
CIE-LUV	50.941, 147.497, 9.661
Hunter-Lab	43.838, 76.614, 16.157
Binary	11110000, 00000000, 01010111

#f00057
```
#f00057 rgb(240,0,87)
```
#00f099
```
#00f099 rgb(0,240,153)
```

Complementary Color

#f000cf
```
#f000cf rgb(240,0,207)
```
#f00057
```
#f00057 rgb(240,0,87)
```
#f02100
```
#f02100 rgb(240,33,0)
```

Analogous Color

#00cff0
```
#00cff0 rgb(0,207,240)
```
#f00057
```
#f00057 rgb(240,0,87)
```
#00f021
```
#00f021 rgb(0,240,33)
```

Split Complementary Color

#0057f0
```
#0057f0 rgb(0,87,240)
```
#f00057
```
#f00057 rgb(240,0,87)
```
#57f000
```
#57f000 rgb(87,240,0)
```

Triadic Color

#9900f0
```
#9900f0 rgb(153,0,240)
```
#f00057
```
#f00057 rgb(240,0,87)
```
#57f000
```
#57f000 rgb(87,240,0)
```
#00f099
```
#00f099 rgb(0,240,153)
```

Tetradic Color

#a4003b
```
#a4003b rgb(164,0,59)
```
#bd0045
```
#bd0045 rgb(189,0,69)
```
#d7004e
```
#d7004e rgb(215,0,78)
```
#f00057
```
#f00057 rgb(240,0,87)
```
#ff0b63
```
#ff0b63 rgb(255,11,99)
```
#ff2473
```
#ff2473 rgb(255,36,115)
```
#ff3e84
```
#ff3e84 rgb(255,62,132)
```

Monochromatic Color

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

#f00093
```
#f00093 rgb(240,0,147)
```
#f0007f
```
#f0007f rgb(240,0,127)
```
#f0006b
```
#f0006b rgb(240,0,107)
```
#f00057
```
#f00057 rgb(240,0,87)
```
#f00043
```
#f00043 rgb(240,0,67)
```
#f0002f
```
#f0002f rgb(240,0,47)
```
#f0001b
```
#f0001b rgb(240,0,27)
```

Similar Colors

Text with hexadecimal color #f00057

This text has a font color of #f00057.

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

#f00057 background color

This paragraph has a background color of #f00057.

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

#f00057 border color

This element has a border color of #f00057.

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

CSS codes

.text {color:#f00057;}

.background {background-color:#f00057;}

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

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

#050002
```
#050002 rgb(5,0,2)
```
#180009
```
#180009 rgb(24,0,9)
```
#2c0010
```
#2c0010 rgb(44,0,16)
```
#3f0017
```
#3f0017 rgb(63,0,23)
```
#53001e
```
#53001e rgb(83,0,30)
```
#670025
```
#670025 rgb(103,0,37)
```
#7a002c
```
#7a002c rgb(122,0,44)
```
#8e0033
```
#8e0033 rgb(142,0,51)
```
#a2003b
```
#a2003b rgb(162,0,59)
```
#b50042
```
#b50042 rgb(181,0,66)
```
#c90049
```
#c90049 rgb(201,0,73)
```
#dc0050
```
#dc0050 rgb(220,0,80)
```
#f00057
```
#f00057 rgb(240,0,87)
```

Shade Color Variation

#ff055f
```
#ff055f rgb(255,5,95)
```
#ff186c
```
#ff186c rgb(255,24,108)
```
#ff2c78
```
#ff2c78 rgb(255,44,120)
```
#ff3f85
```
#ff3f85 rgb(255,63,133)
```
#ff5391
```
#ff5391 rgb(255,83,145)
```
#ff679e
```
#ff679e rgb(255,103,158)
```
#ff7aaa
```
#ff7aaa rgb(255,122,170)
```
#ff8eb7
```
#ff8eb7 rgb(255,142,183)
```
#ffa2c3
```
#ffa2c3 rgb(255,162,195)
```
#ffb5d0
```
#ffb5d0 rgb(255,181,208)
```
#ffc9dc
```
#ffc9dc rgb(255,201,220)
```
#ffdce9
```
#ffdce9 rgb(255,220,233)
```
#fff0f5
```
#fff0f5 rgb(255,240,245)
```

Tint Color Variation

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

#816f75
```
#816f75 rgb(129,111,117)
```
#8a6673
```
#8a6673 rgb(138,102,115)
```
#945c70
```
#945c70 rgb(148,92,112)
```
#9d536e
```
#9d536e rgb(157,83,110)
```
#a64a6b
```
#a64a6b rgb(166,74,107)
```
#af4169
```
#af4169 rgb(175,65,105)
```
#b93766
```
#b93766 rgb(185,55,102)
```
#c22e64
```
#c22e64 rgb(194,46,100)
```
#cb2561
```
#cb2561 rgb(203,37,97)
```
#d41c5f
```
#d41c5f rgb(212,28,95)
```
#de125c
```
#de125c rgb(222,18,92)
```
#e7095a
```
#e7095a rgb(231,9,90)
```
#f00057
```
#f00057 rgb(240,0,87)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#724253 Atypical Achromatopsia 0.001% of the population

Dichromacy

#817f82 Protanopia 1% of men
#997a52 Deuteranopia 1% of men
#ef2926 Tritanopia 0.001% of the population

Trichromacy

#a95172 Protanomaly 1% of men, 0.01% of women
#b94e53 Deuteranomaly 6% of men, 0.4% of women
#ef1a38 Tritanomaly 0.01% of the population

#f00057 hex color

#f00057 Color Information

#f00057 Color Conversion

Color Schemes with #f00057

Alternatives to #f00057

#f00057 Preview

Shades and Tints of #f00057

Tones of #f00057

Color Blindness Simulator