#f50060 hex color

In a RGB color space, hex #f50060 is composed of 96.1% red, 0% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 100% magenta, 60.8% yellow and 3.9% black. It has a hue angle of 336.5 degrees, a saturation of 100% and a lightness of 48%. #f50060 color hex could be obtained by blending #ff00c0 with #eb0000. Closest websafe color is: #ff0066.

♥
- f
- t
- g
- R 96
- G 0
- B 38
RGB color chart
- C 0
- M 100
- Y 61
- K 4
CMYK color chart

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

The hexadecimal color #f50060 has RGB values of R:245, G:0, B:96 and CMYK values of C:0, M:1, Y:0.61, K:0.04. Its decimal value is 16056416.

Hex triplet	f50060	`#f50060`
RGB Decimal	245, 0, 96	`rgb(245,0,96)`
RGB Percent	96.1, 0, 37.6	`rgb(96.1%,0%,37.6%)`
CMYK	0, 100, 61, 4
HSL	336.5°, 100, 48	`hsl(336.5,100%,48%)`
HSV (or HSB)	336.5°, 100, 96.1
Web Safe	ff0066	`#ff0066`

CIE-LAB	52.132, 80.3, 19.284
XYZ	39.769, 20.262, 12.883
xyY	0.545, 0.278, 20.262
CIE-LCH	52.132, 82.583, 13.504
CIE-LUV	52.132, 147.888, 5.833
Hunter-Lab	45.013, 78.932, 14.541
Binary	11110101, 00000000, 01100000

#f50060
```
#f50060 rgb(245,0,96)
```
#00f595
```
#00f595 rgb(0,245,149)
```

Complementary Color

#f500db
```
#f500db rgb(245,0,219)
```
#f50060
```
#f50060 rgb(245,0,96)
```
#f51b00
```
#f51b00 rgb(245,27,0)
```

Analogous Color

#00dbf5
```
#00dbf5 rgb(0,219,245)
```
#f50060
```
#f50060 rgb(245,0,96)
```
#00f51b
```
#00f51b rgb(0,245,27)
```

Split Complementary Color

#0060f5
```
#0060f5 rgb(0,96,245)
```
#f50060
```
#f50060 rgb(245,0,96)
```
#60f500
```
#60f500 rgb(96,245,0)
```

Triadic Color

#9500f5
```
#9500f5 rgb(149,0,245)
```
#f50060
```
#f50060 rgb(245,0,96)
```
#60f500
```
#60f500 rgb(96,245,0)
```
#00f595
```
#00f595 rgb(0,245,149)
```

Tetradic Color

#a90042
```
#a90042 rgb(169,0,66)
```
#c2004c
```
#c2004c rgb(194,0,76)
```
#dc0056
```
#dc0056 rgb(220,0,86)
```
#f50060
```
#f50060 rgb(245,0,96)
```
#ff106d
```
#ff106d rgb(255,16,109)
```
#ff297d
```
#ff297d rgb(255,41,125)
```
#ff438c
```
#ff438c rgb(255,67,140)
```

Monochromatic Color

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

#f5009d
```
#f5009d rgb(245,0,157)
```
#f50089
```
#f50089 rgb(245,0,137)
```
#f50074
```
#f50074 rgb(245,0,116)
```
#f50060
```
#f50060 rgb(245,0,96)
```
#f5004c
```
#f5004c rgb(245,0,76)
```
#f50037
```
#f50037 rgb(245,0,55)
```
#f50023
```
#f50023 rgb(245,0,35)
```

Similar Colors

Text with hexadecimal color #f50060

This text has a font color of #f50060.

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

#f50060 background color

This paragraph has a background color of #f50060.

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

#f50060 border color

This element has a border color of #f50060.

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

CSS codes

.text {color:#f50060;}

.background {background-color:#f50060;}

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

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

#0a0004
```
#0a0004 rgb(10,0,4)
```
#1d000b
```
#1d000b rgb(29,0,11)
```
#310013
```
#310013 rgb(49,0,19)
```
#44001b
```
#44001b rgb(68,0,27)
```
#580023
```
#580023 rgb(88,0,35)
```
#6c002a
```
#6c002a rgb(108,0,42)
```
#7f0032
```
#7f0032 rgb(127,0,50)
```
#93003a
```
#93003a rgb(147,0,58)
```
#a70041
```
#a70041 rgb(167,0,65)
```
#ba0049
```
#ba0049 rgb(186,0,73)
```
#ce0051
```
#ce0051 rgb(206,0,81)
```
#e10058
```
#e10058 rgb(225,0,88)
```
#f50060
```
#f50060 rgb(245,0,96)
```

Shade Color Variation

#ff0a6a
```
#ff0a6a rgb(255,10,106)
```
#ff1d76
```
#ff1d76 rgb(255,29,118)
```
#ff3182
```
#ff3182 rgb(255,49,130)
```
#ff448e
```
#ff448e rgb(255,68,142)
```
#ff5899
```
#ff5899 rgb(255,88,153)
```
#ff6ca5
```
#ff6ca5 rgb(255,108,165)
```
#ff7fb1
```
#ff7fb1 rgb(255,127,177)
```
#ff93bd
```
#ff93bd rgb(255,147,189)
```
#ffa7c9
```
#ffa7c9 rgb(255,167,201)
```
#ffbad5
```
#ffbad5 rgb(255,186,213)
```
#ffcee1
```
#ffcee1 rgb(255,206,225)
```
#ffe1ed
```
#ffe1ed rgb(255,225,237)
```
#fff5f9
```
#fff5f9 rgb(255,245,249)
```

Tint Color Variation

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

#847178
```
#847178 rgb(132,113,120)
```
#8d6876
```
#8d6876 rgb(141,104,118)
```
#975e74
```
#975e74 rgb(151,94,116)
```
#a05572
```
#a05572 rgb(160,85,114)
```
#aa4b70
```
#aa4b70 rgb(170,75,112)
```
#b3426e
```
#b3426e rgb(179,66,110)
```
#bc396c
```
#bc396c rgb(188,57,108)
```
#c62f6a
```
#c62f6a rgb(198,47,106)
```
#cf2668
```
#cf2668 rgb(207,38,104)
```
#d91c66
```
#d91c66 rgb(217,28,102)
```
#e21364
```
#e21364 rgb(226,19,100)
```
#ec0962
```
#ec0962 rgb(236,9,98)
```
#f50060
```
#f50060 rgb(245,0,96)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#744356 Atypical Achromatopsia 0.001% of the population

Dichromacy

#82828d Protanopia 1% of men
#9c7d5a Deuteranopia 1% of men
#f32d2b Tritanopia 0.001% of the population

Trichromacy

#ab527c Protanomaly 1% of men, 0.01% of women
#bc505c Deuteranomaly 6% of men, 0.4% of women
#f41c3e Tritanomaly 0.01% of the population

#f50060 hex color

#f50060 Color Information

#f50060 Color Conversion

Color Schemes with #f50060

Alternatives to #f50060

#f50060 Preview

Shades and Tints of #f50060

Tones of #f50060

Color Blindness Simulator