#f53060 hex color

In a RGB color space, hex #f53060 is composed of 96.1% red, 18.8% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.4% magenta, 60.8% yellow and 3.9% black. It has a hue angle of 345.4 degrees, a saturation of 90.8% and a lightness of 57.5%. #f53060 color hex could be obtained by blending #ff60c0 with #eb0000. Closest websafe color is: #ff3366.

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

● #f53060 color description : Bright red.

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

Hex triplet	f53060	`#f53060`
RGB Decimal	245, 48, 96	`rgb(245,48,96)`
RGB Percent	96.1, 18.8, 37.6	`rgb(96.1%,18.8%,37.6%)`
CMYK	0, 80, 61, 4
HSL	345.4°, 90.8, 57.5	`hsl(345.4,90.8%,57.5%)`
HSV (or HSB)	345.4°, 80.4, 96.1
Web Safe	ff3366	`#ff3366`

CIE-LAB	54.423, 73.707, 22.348
XYZ	40.826, 22.376, 13.235
xyY	0.534, 0.293, 22.376
CIE-LCH	54.423, 77.021, 16.867
CIE-LUV	54.423, 137.653, 11.009
Hunter-Lab	47.303, 71.279, 16.523
Binary	11110101, 00110000, 01100000

#f53060
```
#f53060 rgb(245,48,96)
```
#30f5c5
```
#30f5c5 rgb(48,245,197)
```

Complementary Color

#f530c3
```
#f530c3 rgb(245,48,195)
```
#f53060
```
#f53060 rgb(245,48,96)
```
#f56230
```
#f56230 rgb(245,98,48)
```

Analogous Color

#30c3f5
```
#30c3f5 rgb(48,195,245)
```
#f53060
```
#f53060 rgb(245,48,96)
```
#30f562
```
#30f562 rgb(48,245,98)
```

Split Complementary Color

#3060f5
```
#3060f5 rgb(48,96,245)
```
#f53060
```
#f53060 rgb(245,48,96)
```
#60f530
```
#60f530 rgb(96,245,48)
```

Triadic Color

#c530f5
```
#c530f5 rgb(197,48,245)
```
#f53060
```
#f53060 rgb(245,48,96)
```
#60f530
```
#60f530 rgb(96,245,48)
```
#30f5c5
```
#30f5c5 rgb(48,245,197)
```

Tetradic Color

#cf0a3a
```
#cf0a3a rgb(207,10,58)
```
#e70b41
```
#e70b41 rgb(231,11,65)
```
#f4184d
```
#f4184d rgb(244,24,77)
```
#f53060
```
#f53060 rgb(245,48,96)
```
#f64873
```
#f64873 rgb(246,72,115)
```
#f76185
```
#f76185 rgb(247,97,133)
```
#f97998
```
#f97998 rgb(249,121,152)
```

Monochromatic Color

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

#f53091
```
#f53091 rgb(245,48,145)
```
#f53081
```
#f53081 rgb(245,48,129)
```
#f53070
```
#f53070 rgb(245,48,112)
```
#f53060
```
#f53060 rgb(245,48,96)
```
#f53050
```
#f53050 rgb(245,48,80)
```
#f5303f
```
#f5303f rgb(245,48,63)
```
#f53130
```
#f53130 rgb(245,49,48)
```

Similar Colors

Text with hexadecimal color #f53060

This text has a font color of #f53060.

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

#f53060 background color

This paragraph has a background color of #f53060.

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

#f53060 border color

This element has a border color of #f53060.

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

CSS codes

.text {color:#f53060;}

.background {background-color:#f53060;}

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

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

#120105
```
#120105 rgb(18,1,5)
```
#24020a
```
#24020a rgb(36,2,10)
```
#37030f
```
#37030f rgb(55,3,15)
```
#4a0415
```
#4a0415 rgb(74,4,21)
```
#5c041a
```
#5c041a rgb(92,4,26)
```
#6f051f
```
#6f051f rgb(111,5,31)
```
#820624
```
#820624 rgb(130,6,36)
```
#95072a
```
#95072a rgb(149,7,42)
```
#a7082f
```
#a7082f rgb(167,8,47)
```
#ba0934
```
#ba0934 rgb(186,9,52)
```
#cd0a39
```
#cd0a39 rgb(205,10,57)
```
#df0b3f
```
#df0b3f rgb(223,11,63)
```
#f20c44
```
#f20c44 rgb(242,12,68)
```

Shade Color Variation

#f41d52
```
#f41d52 rgb(244,29,82)
```
#f53060
```
#f53060 rgb(245,48,96)
```
#f6436e
```
#f6436e rgb(246,67,110)
```
#f7557d
```
#f7557d rgb(247,85,125)
```
#f8688b
```
#f8688b rgb(248,104,139)
```
#f97b99
```
#f97b99 rgb(249,123,153)
```
#fa8ea8
```
#fa8ea8 rgb(250,142,168)
```
#faa0b6
```
#faa0b6 rgb(250,160,182)
```
#fbb3c5
```
#fbb3c5 rgb(251,179,197)
```
#fcc6d3
```
#fcc6d3 rgb(252,198,211)
```
#fdd8e1
```
#fdd8e1 rgb(253,216,225)
```
#feebf0
```
#feebf0 rgb(254,235,240)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#998c8f
```
#998c8f rgb(153,140,143)
```
#a2838b
```
#a2838b rgb(162,131,139)
```
#aa7b87
```
#aa7b87 rgb(170,123,135)
```
#b27382
```
#b27382 rgb(178,115,130)
```
#bb6a7e
```
#bb6a7e rgb(187,106,126)
```
#c3627a
```
#c3627a rgb(195,98,122)
```
#cb5a75
```
#cb5a75 rgb(203,90,117)
```
#d45171
```
#d45171 rgb(212,81,113)
```
#dc496d
```
#dc496d rgb(220,73,109)
```
#e44169
```
#e44169 rgb(228,65,105)
```
#ed3864
```
#ed3864 rgb(237,56,100)
```
#f53060
```
#f53060 rgb(245,48,96)
```
#fd285c
```
#fd285c rgb(253,40,92)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#8b636d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b8886 Protanopia 1% of men
#a3835b Deuteranopia 1% of men
#f44345 Tritanopia 0.001% of the population

Trichromacy

#b16878 Protanomaly 1% of men, 0.01% of women
#c0645d Deuteranomaly 6% of men, 0.4% of women
#f43c4e Tritanomaly 0.01% of the population

#f53060 hex color

#f53060 Color Information

#f53060 Color Conversion

Color Schemes with #f53060

Alternatives to #f53060

#f53060 Preview

Shades and Tints of #f53060

Tones of #f53060

Color Blindness Simulator