#f60b60 hex color

In a RGB color space, hex #f60b60 is composed of 96.5% red, 4.3% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 95.5% magenta, 61% yellow and 3.5% black. It has a hue angle of 338.3 degrees, a saturation of 92.9% and a lightness of 50.4%. #f60b60 color hex could be obtained by blending #ff16c0 with #ed0000. Closest websafe color is: #ff0066.

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

● #f60b60 color description : Vivid pink.

The hexadecimal color #f60b60 has RGB values of R:246, G:11, B:96 and CMYK values of C:0, M:0.96, Y:0.61, K:0.04. Its decimal value is 16124768.

Hex triplet	f60b60	`#f60b60`
RGB Decimal	246, 11, 96	`rgb(246,11,96)`
RGB Percent	96.5, 4.3, 37.6	`rgb(96.5%,4.3%,37.6%)`
CMYK	0, 96, 61, 4
HSL	338.3°, 92.9, 50.4	`hsl(338.3,92.9%,50.4%)`
HSV (or HSB)	338.3°, 95.5, 96.5
Web Safe	ff0066	`#ff0066`

CIE-LAB	52.599, 79.752, 19.947
XYZ	40.239, 20.682, 12.939
xyY	0.545, 0.28, 20.682
CIE-LCH	52.599, 82.208, 14.042
CIE-LUV	52.599, 147.445, 6.711
Hunter-Lab	45.477, 78.354, 14.965
Binary	11110110, 00001011, 01100000

#f60b60
```
#f60b60 rgb(246,11,96)
```
#0bf6a1
```
#0bf6a1 rgb(11,246,161)
```

Complementary Color

#f60bd6
```
#f60bd6 rgb(246,11,214)
```
#f60b60
```
#f60b60 rgb(246,11,96)
```
#f62b0b
```
#f62b0b rgb(246,43,11)
```

Analogous Color

#0bd6f6
```
#0bd6f6 rgb(11,214,246)
```
#f60b60
```
#f60b60 rgb(246,11,96)
```
#0bf62b
```
#0bf62b rgb(11,246,43)
```

Split Complementary Color

#0b60f6
```
#0b60f6 rgb(11,96,246)
```
#f60b60
```
#f60b60 rgb(246,11,96)
```
#60f60b
```
#60f60b rgb(96,246,11)
```

Triadic Color

#a10bf6
```
#a10bf6 rgb(161,11,246)
```
#f60b60
```
#f60b60 rgb(246,11,96)
```
#60f60b
```
#60f60b rgb(96,246,11)
```
#0bf6a1
```
#0bf6a1 rgb(11,246,161)
```

Tetradic Color

#ae0643
```
#ae0643 rgb(174,6,67)
```
#c7074d
```
#c7074d rgb(199,7,77)
```
#df0856
```
#df0856 rgb(223,8,86)
```
#f60b60
```
#f60b60 rgb(246,11,96)
```
#f72470
```
#f72470 rgb(247,36,112)
```
#f83c80
```
#f83c80 rgb(248,60,128)
```
#f95590
```
#f95590 rgb(249,85,144)
```

Monochromatic Color

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

#f60b9b
```
#f60b9b rgb(246,11,155)
```
#f60b87
```
#f60b87 rgb(246,11,135)
```
#f60b74
```
#f60b74 rgb(246,11,116)
```
#f60b60
```
#f60b60 rgb(246,11,96)
```
#f60b4c
```
#f60b4c rgb(246,11,76)
```
#f60b39
```
#f60b39 rgb(246,11,57)
```
#f60b25
```
#f60b25 rgb(246,11,37)
```

Similar Colors

Text with hexadecimal color #f60b60

This text has a font color of #f60b60.

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

#f60b60 background color

This paragraph has a background color of #f60b60.

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

#f60b60 border color

This element has a border color of #f60b60.

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

CSS codes

.text {color:#f60b60;}

.background {background-color:#f60b60;}

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

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

#020001
```
#020001 rgb(2,0,1)
```
#150108
```
#150108 rgb(21,1,8)
```
#28010f
```
#28010f rgb(40,1,15)
```
#3b0217
```
#3b0217 rgb(59,2,23)
```
#4e031e
```
#4e031e rgb(78,3,30)
```
#610425
```
#610425 rgb(97,4,37)
```
#73042c
```
#73042c rgb(115,4,44)
```
#860534
```
#860534 rgb(134,5,52)
```
#99063b
```
#99063b rgb(153,6,59)
```
#ac0642
```
#ac0642 rgb(172,6,66)
```
#bf074a
```
#bf074a rgb(191,7,74)
```
#d20851
```
#d20851 rgb(210,8,81)
```
#e50858
```
#e50858 rgb(229,8,88)
```

Shade Color Variation

#f60b60
```
#f60b60 rgb(246,11,96)
```
#f71e6c
```
#f71e6c rgb(247,30,108)
```
#f73179
```
#f73179 rgb(247,49,121)
```
#f84485
```
#f84485 rgb(248,68,133)
```
#f95791
```
#f95791 rgb(249,87,145)
```
#f96a9e
```
#f96a9e rgb(249,106,158)
```
#fa7daa
```
#fa7daa rgb(250,125,170)
```
#fb8fb6
```
#fb8fb6 rgb(251,143,182)
```
#fca2c3
```
#fca2c3 rgb(252,162,195)
```
#fcb5cf
```
#fcb5cf rgb(252,181,207)
```
#fdc8db
```
#fdc8db rgb(253,200,219)
```
#fedbe8
```
#fedbe8 rgb(254,219,232)
```
#feeef4
```
#feeef4 rgb(254,238,244)
```

Tint Color Variation

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

#818080
```
#818080 rgb(129,128,128)
```
#8b767e
```
#8b767e rgb(139,118,126)
```
#956c7b
```
#956c7b rgb(149,108,123)
```
#9e6378
```
#9e6378 rgb(158,99,120)
```
#a85976
```
#a85976 rgb(168,89,118)
```
#b24f73
```
#b24f73 rgb(178,79,115)
```
#bc4570
```
#bc4570 rgb(188,69,112)
```
#c53c6d
```
#c53c6d rgb(197,60,109)
```
#cf326b
```
#cf326b rgb(207,50,107)
```
#d92868
```
#d92868 rgb(217,40,104)
```
#e31e65
```
#e31e65 rgb(227,30,101)
```
#ec1563
```
#ec1563 rgb(236,21,99)
```
#f60b60
```
#f60b60 rgb(246,11,96)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#7a4b5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#83838c Protanopia 1% of men
#9d7e5a Deuteranopia 1% of men
#f4302f Tritanopia 0.001% of the population

Trichromacy

#ad577c Protanomaly 1% of men, 0.01% of women
#bd545c Deuteranomaly 6% of men, 0.4% of women
#f52240 Tritanomaly 0.01% of the population

#f60b60 hex color

#f60b60 Color Information

#f60b60 Color Conversion

Color Schemes with #f60b60

Alternatives to #f60b60

#f60b60 Preview

Shades and Tints of #f60b60

Tones of #f60b60

Color Blindness Simulator