#f60585 hex color

In a RGB color space, hex #f60585 is composed of 96.5% red, 2% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98% magenta, 45.9% yellow and 3.5% black. It has a hue angle of 328.1 degrees, a saturation of 96% and a lightness of 49.2%. #f60585 color hex could be obtained by blending #ff0aff with #ed000b. Closest websafe color is: #ff0099.

♥
- f
- t
- g
- R 96
- G 2
- B 52
RGB color chart
- C 0
- M 98
- Y 46
- K 4
CMYK color chart

● #f60585 color description : Vivid pink.

The hexadecimal color #f60585 has RGB values of R:246, G:5, B:133 and CMYK values of C:0, M:0.98, Y:0.46, K:0.04. Its decimal value is 16123269.

Hex triplet	f60585	`#f60585`
RGB Decimal	246, 5, 133	`rgb(246,5,133)`
RGB Percent	96.5, 2, 52.2	`rgb(96.5%,2%,52.2%)`
CMYK	0, 98, 46, 4
HSL	328.1°, 96, 49.2	`hsl(328.1,96%,49.2%)`
HSV (or HSB)	328.1°, 98, 96.5
Web Safe	ff0099	`#ff0099`

CIE-LAB	53.384, 82.659, -1.34
XYZ	42.295, 21.4, 24.092
xyY	0.482, 0.244, 21.4
CIE-LCH	53.384, 82.67, 359.071
CIE-LUV	53.384, 132.259, -18.156
Hunter-Lab	46.26, 82.248, 1.503
Binary	11110110, 00000101, 10000101

#f60585
```
#f60585 rgb(246,5,133)
```
#05f676
```
#05f676 rgb(5,246,118)
```

Complementary Color

#ef05f6
```
#ef05f6 rgb(239,5,246)
```
#f60585
```
#f60585 rgb(246,5,133)
```
#f6050d
```
#f6050d rgb(246,5,13)
```

Analogous Color

#05f6ef
```
#05f6ef rgb(5,246,239)
```
#f60585
```
#f60585 rgb(246,5,133)
```
#0df605
```
#0df605 rgb(13,246,5)
```

Split Complementary Color

#0585f6
```
#0585f6 rgb(5,133,246)
```
#f60585
```
#f60585 rgb(246,5,133)
```
#85f605
```
#85f605 rgb(133,246,5)
```

Triadic Color

#7605f6
```
#7605f6 rgb(118,5,246)
```
#f60585
```
#f60585 rgb(246,5,133)
```
#85f605
```
#85f605 rgb(133,246,5)
```
#05f676
```
#05f676 rgb(5,246,118)
```

Tetradic Color

#ab035c
```
#ab035c rgb(171,3,92)
```
#c4046a
```
#c4046a rgb(196,4,106)
```
#dd0477
```
#dd0477 rgb(221,4,119)
```
#f60585
```
#f60585 rgb(246,5,133)
```
#fa1a91
```
#fa1a91 rgb(250,26,145)
```
#fb339d
```
#fb339d rgb(251,51,157)
```
#fb4ca9
```
#fb4ca9 rgb(251,76,169)
```

Monochromatic Color

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

#f605c1
```
#f605c1 rgb(246,5,193)
```
#f605ad
```
#f605ad rgb(246,5,173)
```
#f60599
```
#f60599 rgb(246,5,153)
```
#f60585
```
#f60585 rgb(246,5,133)
```
#f60571
```
#f60571 rgb(246,5,113)
```
#f6055d
```
#f6055d rgb(246,5,93)
```
#f60549
```
#f60549 rgb(246,5,73)
```

Similar Colors

Text with hexadecimal color #f60585

This text has a font color of #f60585.

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

#f60585 background color

This paragraph has a background color of #f60585.

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

#f60585 border color

This element has a border color of #f60585.

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

CSS codes

.text {color:#f60585;}

.background {background-color:#f60585;}

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

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

#0f0008
```
#0f0008 rgb(15,0,8)
```
#230113
```
#230113 rgb(35,1,19)
```
#36011d
```
#36011d rgb(54,1,29)
```
#490127
```
#490127 rgb(73,1,39)
```
#5c0232
```
#5c0232 rgb(92,2,50)
```
#6f023c
```
#6f023c rgb(111,2,60)
```
#830347
```
#830347 rgb(131,3,71)
```
#960351
```
#960351 rgb(150,3,81)
```
#a9035b
```
#a9035b rgb(169,3,91)
```
#bc0466
```
#bc0466 rgb(188,4,102)
```
#d00470
```
#d00470 rgb(208,4,112)
```
#e3057b
```
#e3057b rgb(227,5,123)
```
#f60585
```
#f60585 rgb(246,5,133)
```

Shade Color Variation

#fa148e
```
#fa148e rgb(250,20,142)
```
#fb2898
```
#fb2898 rgb(251,40,152)
```
#fb3ba1
```
#fb3ba1 rgb(251,59,161)
```
#fb4eaa
```
#fb4eaa rgb(251,78,170)
```
#fc61b3
```
#fc61b3 rgb(252,97,179)
```
#fc75bd
```
#fc75bd rgb(252,117,189)
```
#fd88c6
```
#fd88c6 rgb(253,136,198)
```
#fd9bcf
```
#fd9bcf rgb(253,155,207)
```
#fdaed8
```
#fdaed8 rgb(253,174,216)
```
#fec1e1
```
#fec1e1 rgb(254,193,225)
```
#fed5eb
```
#fed5eb rgb(254,213,235)
```
#ffe8f4
```
#ffe8f4 rgb(255,232,244)
```
#fffbfd
```
#fffbfd rgb(255,251,253)
```

Tint Color Variation

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

#82797e
```
#82797e rgb(130,121,126)
```
#8c6f7e
```
#8c6f7e rgb(140,111,126)
```
#95667f
```
#95667f rgb(149,102,127)
```
#9f5c80
```
#9f5c80 rgb(159,92,128)
```
#a95280
```
#a95280 rgb(169,82,128)
```
#b24981
```
#b24981 rgb(178,73,129)
```
#bc3f81
```
#bc3f81 rgb(188,63,129)
```
#c63582
```
#c63582 rgb(198,53,130)
```
#cf2c83
```
#cf2c83 rgb(207,44,131)
```
#d92283
```
#d92283 rgb(217,34,131)
```
#e31884
```
#e31884 rgb(227,24,132)
```
#ec0f84
```
#ec0f84 rgb(236,15,132)
```
#f60585
```
#f60585 rgb(246,5,133)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#7b4b64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7384ba Protanopia 1% of men
#96817c Deuteranopia 1% of men
#f23d3e Tritanopia 0.001% of the population

Trichromacy

#a256a7 Protanomaly 1% of men, 0.01% of women
#b9547f Deuteranomaly 6% of men, 0.4% of women
#f32857 Tritanomaly 0.01% of the population

#f60585 hex color

#f60585 Color Information

#f60585 Color Conversion

Color Schemes with #f60585

Alternatives to #f60585

#f60585 Preview

Shades and Tints of #f60585

Tones of #f60585

Color Blindness Simulator