#f51085 hex color

In a RGB color space, hex #f51085 is composed of 96.1% red, 6.3% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 93.5% magenta, 45.7% yellow and 3.9% black. It has a hue angle of 329.3 degrees, a saturation of 92% and a lightness of 51.2%. #f51085 color hex could be obtained by blending #ff20ff with #eb000b. Closest websafe color is: #ff0099.

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

● #f51085 color description : Vivid pink.

The hexadecimal color #f51085 has RGB values of R:245, G:16, B:133 and CMYK values of C:0, M:0.93, Y:0.46, K:0.04. Its decimal value is 16060549.

Hex triplet	f51085	`#f51085`
RGB Decimal	245, 16, 133	`rgb(245,16,133)`
RGB Percent	96.1, 6.3, 52.2	`rgb(96.1%,6.3%,52.2%)`
CMYK	0, 93, 46, 4
HSL	329.3°, 92, 51.2	`hsl(329.3,92%,51.2%)`
HSV (or HSB)	329.3°, 93.5, 96.1
Web Safe	ff0099	`#ff0099`

CIE-LAB	53.472, 81.62, -1.234
XYZ	42.076, 21.481, 24.12
xyY	0.48, 0.245, 21.481
CIE-LCH	53.472, 81.629, 359.134
CIE-LUV	53.472, 130.411, -17.782
Hunter-Lab	46.348, 80.941, 1.589
Binary	11110101, 00010000, 10000101

#f51085
```
#f51085 rgb(245,16,133)
```
#10f580
```
#10f580 rgb(16,245,128)
```

Complementary Color

#f310f5
```
#f310f5 rgb(243,16,245)
```
#f51085
```
#f51085 rgb(245,16,133)
```
#f51012
```
#f51012 rgb(245,16,18)
```

Analogous Color

#10f5f3
```
#10f5f3 rgb(16,245,243)
```
#f51085
```
#f51085 rgb(245,16,133)
```
#13f510
```
#13f510 rgb(19,245,16)
```

Split Complementary Color

#1085f5
```
#1085f5 rgb(16,133,245)
```
#f51085
```
#f51085 rgb(245,16,133)
```
#85f510
```
#85f510 rgb(133,245,16)
```

Triadic Color

#8010f5
```
#8010f5 rgb(128,16,245)
```
#f51085
```
#f51085 rgb(245,16,133)
```
#85f510
```
#85f510 rgb(133,245,16)
```
#10f580
```
#10f580 rgb(16,245,128)
```

Tetradic Color

#b1075e
```
#b1075e rgb(177,7,94)
```
#ca086b
```
#ca086b rgb(202,8,107)
```
#e20978
```
#e20978 rgb(226,9,120)
```
#f51085
```
#f51085 rgb(245,16,133)
```
#f62891
```
#f62891 rgb(246,40,145)
```
#f7419e
```
#f7419e rgb(247,65,158)
```
#f859aa
```
#f859aa rgb(248,89,170)
```

Monochromatic Color

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

#f510be
```
#f510be rgb(245,16,190)
```
#f510ab
```
#f510ab rgb(245,16,171)
```
#f51098
```
#f51098 rgb(245,16,152)
```
#f51085
```
#f51085 rgb(245,16,133)
```
#f51072
```
#f51072 rgb(245,16,114)
```
#f5105f
```
#f5105f rgb(245,16,95)
```
#f5104c
```
#f5104c rgb(245,16,76)
```

Similar Colors

Text with hexadecimal color #f51085

This text has a font color of #f51085.

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

#f51085 background color

This paragraph has a background color of #f51085.

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

#f51085 border color

This element has a border color of #f51085.

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

CSS codes

.text {color:#f51085;}

.background {background-color:#f51085;}

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

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

#060003
```
#060003 rgb(6,0,3)
```
#19010d
```
#19010d rgb(25,1,13)
```
#2b0217
```
#2b0217 rgb(43,2,23)
```
#3e0321
```
#3e0321 rgb(62,3,33)
```
#51032b
```
#51032b rgb(81,3,43)
```
#640435
```
#640435 rgb(100,4,53)
```
#77053f
```
#77053f rgb(119,5,63)
```
#8a0649
```
#8a0649 rgb(138,6,73)
```
#9c0753
```
#9c0753 rgb(156,7,83)
```
#af075d
```
#af075d rgb(175,7,93)
```
#c20867
```
#c20867 rgb(194,8,103)
```
#d50971
```
#d50971 rgb(213,9,113)
```
#e80a7b
```
#e80a7b rgb(232,10,123)
```

Shade Color Variation

#f51085
```
#f51085 rgb(245,16,133)
```
#f6238f
```
#f6238f rgb(246,35,143)
```
#f73698
```
#f73698 rgb(247,54,152)
```
#f748a2
```
#f748a2 rgb(247,72,162)
```
#f85bab
```
#f85bab rgb(248,91,171)
```
#f96eb5
```
#f96eb5 rgb(249,110,181)
```
#fa81bf
```
#fa81bf rgb(250,129,191)
```
#fb94c8
```
#fb94c8 rgb(251,148,200)
```
#fba7d2
```
#fba7d2 rgb(251,167,210)
```
#fcb9db
```
#fcb9db rgb(252,185,219)
```
#fdcce5
```
#fdcce5 rgb(253,204,229)
```
#fedfef
```
#fedfef rgb(254,223,239)
```
#fef2f8
```
#fef2f8 rgb(254,242,248)
```

Tint Color Variation

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

#8c7983
```
#8c7983 rgb(140,121,131)
```
#957083
```
#957083 rgb(149,112,131)
```
#9f6683
```
#9f6683 rgb(159,102,131)
```
#a85d83
```
#a85d83 rgb(168,93,131)
```
#b25384
```
#b25384 rgb(178,83,132)
```
#bc4984
```
#bc4984 rgb(188,73,132)
```
#c54084
```
#c54084 rgb(197,64,132)
```
#cf3684
```
#cf3684 rgb(207,54,132)
```
#d82d84
```
#d82d84 rgb(216,45,132)
```
#e22385
```
#e22385 rgb(226,35,133)
```
#eb1a85
```
#eb1a85 rgb(235,26,133)
```
#f51085
```
#f51085 rgb(245,16,133)
```
#ff0685
```
#ff0685 rgb(255,6,133)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#7f5269 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7484b9 Protanopia 1% of men
#96817c Deuteranopia 1% of men
#f13f40 Tritanopia 0.001% of the population

Trichromacy

#a35aa6 Protanomaly 1% of men, 0.01% of women
#b8587f Deuteranomaly 6% of men, 0.4% of women
#f22e59 Tritanomaly 0.01% of the population

#f51085 hex color

#f51085 Color Information

#f51085 Color Conversion

Color Schemes with #f51085

Alternatives to #f51085

#f51085 Preview

Shades and Tints of #f51085

Tones of #f51085

Color Blindness Simulator