#f53084 hex color

In a RGB color space, hex #f53084 is composed of 96.1% red, 18.8% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.4% magenta, 46.1% yellow and 3.9% black. It has a hue angle of 334.4 degrees, a saturation of 90.8% and a lightness of 57.5%. #f53084 color hex could be obtained by blending #ff60ff with #eb0009. Closest websafe color is: #ff3399.

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

● #f53084 color description : Bright pink.

The hexadecimal color #f53084 has RGB values of R:245, G:48, B:132 and CMYK values of C:0, M:0.8, Y:0.46, K:0.04. Its decimal value is 16068740.

Hex triplet	f53084	`#f53084`
RGB Decimal	245, 48, 132	`rgb(245,48,132)`
RGB Percent	96.1, 18.8, 51.8	`rgb(96.1%,18.8%,51.8%)`
CMYK	0, 80, 46, 4
HSL	334.4°, 90.8, 57.5	`hsl(334.4,90.8%,57.5%)`
HSV (or HSB)	334.4°, 80.4, 96.1
Web Safe	ff3399	`#ff3399`

CIE-LAB	55.275, 76.259, 1.994
XYZ	42.879, 23.197, 24.048
xyY	0.476, 0.257, 23.197
CIE-LCH	55.275, 76.285, 1.498
CIE-LUV	55.275, 124.043, -12.504
Hunter-Lab	48.163, 74.631, 4.111
Binary	11110101, 00110000, 10000100

#f53084
```
#f53084 rgb(245,48,132)
```
#30f5a1
```
#30f5a1 rgb(48,245,161)
```

Complementary Color

#f530e7
```
#f530e7 rgb(245,48,231)
```
#f53084
```
#f53084 rgb(245,48,132)
```
#f53e30
```
#f53e30 rgb(245,62,48)
```

Analogous Color

#30e7f5
```
#30e7f5 rgb(48,231,245)
```
#f53084
```
#f53084 rgb(245,48,132)
```
#30f53f
```
#30f53f rgb(48,245,63)
```

Split Complementary Color

#3084f5
```
#3084f5 rgb(48,132,245)
```
#f53084
```
#f53084 rgb(245,48,132)
```
#84f530
```
#84f530 rgb(132,245,48)
```

Triadic Color

#a130f5
```
#a130f5 rgb(161,48,245)
```
#f53084
```
#f53084 rgb(245,48,132)
```
#84f530
```
#84f530 rgb(132,245,48)
```
#30f5a1
```
#30f5a1 rgb(48,245,161)
```

Tetradic Color

#cf0a5e
```
#cf0a5e rgb(207,10,94)
```
#e70b69
```
#e70b69 rgb(231,11,105)
```
#f41876
```
#f41876 rgb(244,24,118)
```
#f53084
```
#f53084 rgb(245,48,132)
```
#f64892
```
#f64892 rgb(246,72,146)
```
#f761a1
```
#f761a1 rgb(247,97,161)
```
#f979af
```
#f979af rgb(249,121,175)
```

Monochromatic Color

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

#f530b5
```
#f530b5 rgb(245,48,181)
```
#f530a5
```
#f530a5 rgb(245,48,165)
```
#f53094
```
#f53094 rgb(245,48,148)
```
#f53084
```
#f53084 rgb(245,48,132)
```
#f53074
```
#f53074 rgb(245,48,116)
```
#f53063
```
#f53063 rgb(245,48,99)
```
#f53053
```
#f53053 rgb(245,48,83)
```

Similar Colors

Text with hexadecimal color #f53084

This text has a font color of #f53084.

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

#f53084 background color

This paragraph has a background color of #f53084.

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

#f53084 border color

This element has a border color of #f53084.

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

CSS codes

.text {color:#f53084;}

.background {background-color:#f53084;}

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

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

#120108
```
#120108 rgb(18,1,8)
```
#240210
```
#240210 rgb(36,2,16)
```
#370319
```
#370319 rgb(55,3,25)
```
#4a0421
```
#4a0421 rgb(74,4,33)
```
#5c042a
```
#5c042a rgb(92,4,42)
```
#6f0532
```
#6f0532 rgb(111,5,50)
```
#82063b
```
#82063b rgb(130,6,59)
```
#950743
```
#950743 rgb(149,7,67)
```
#a7084c
```
#a7084c rgb(167,8,76)
```
#ba0954
```
#ba0954 rgb(186,9,84)
```
#cd0a5d
```
#cd0a5d rgb(205,10,93)
```
#df0b65
```
#df0b65 rgb(223,11,101)
```
#f20c6e
```
#f20c6e rgb(242,12,110)
```

Shade Color Variation

#f41d79
```
#f41d79 rgb(244,29,121)
```
#f53084
```
#f53084 rgb(245,48,132)
```
#f6438f
```
#f6438f rgb(246,67,143)
```
#f7559a
```
#f7559a rgb(247,85,154)
```
#f868a5
```
#f868a5 rgb(248,104,165)
```
#f97bb0
```
#f97bb0 rgb(249,123,176)
```
#fa8ebc
```
#fa8ebc rgb(250,142,188)
```
#faa0c7
```
#faa0c7 rgb(250,160,199)
```
#fbb3d2
```
#fbb3d2 rgb(251,179,210)
```
#fcc6dd
```
#fcc6dd rgb(252,198,221)
```
#fdd8e8
```
#fdd8e8 rgb(253,216,232)
```
#feebf3
```
#feebf3 rgb(254,235,243)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#998c92
```
#998c92 rgb(153,140,146)
```
#a28390
```
#a28390 rgb(162,131,144)
```
#aa7b8f
```
#aa7b8f rgb(170,123,143)
```
#b2738e
```
#b2738e rgb(178,115,142)
```
#bb6a8d
```
#bb6a8d rgb(187,106,141)
```
#c3628b
```
#c3628b rgb(195,98,139)
```
#cb5a8a
```
#cb5a8a rgb(203,90,138)
```
#d45189
```
#d45189 rgb(212,81,137)
```
#dc4988
```
#dc4988 rgb(220,73,136)
```
#e44186
```
#e44186 rgb(228,65,134)
```
#ed3885
```
#ed3885 rgb(237,56,133)
```
#f53084
```
#f53084 rgb(245,48,132)
```
#fd2883
```
#fd2883 rgb(253,40,131)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#8e6677 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f89b0 Protanopia 1% of men
#9c867d Deuteranopia 1% of men
#f24c4f Tritanopia 0.001% of the population

Trichromacy

#aa68a0 Protanomaly 1% of men, 0.01% of women
#bc667f Deuteranomaly 6% of men, 0.4% of women
#f34262 Tritanomaly 0.01% of the population

#f53084 hex color

#f53084 Color Information

#f53084 Color Conversion

Color Schemes with #f53084

Alternatives to #f53084

#f53084 Preview

Shades and Tints of #f53084

Tones of #f53084

Color Blindness Simulator