#f505ba hex color

In a RGB color space, hex #f505ba is composed of 96.1% red, 2% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98% magenta, 24.1% yellow and 3.9% black. It has a hue angle of 314.8 degrees, a saturation of 96% and a lightness of 49%. #f505ba color hex could be obtained by blending #ff0aff with #eb0075. Closest websafe color is: #ff00cc.

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

● #f505ba color description : Vivid magenta.

The hexadecimal color #f505ba has RGB values of R:245, G:5, B:186 and CMYK values of C:0, M:0.98, Y:0.24, K:0.04. Its decimal value is 16057786.

Hex triplet	f505ba	`#f505ba`
RGB Decimal	245, 5, 186	`rgb(245,5,186)`
RGB Percent	96.1, 2, 72.9	`rgb(96.1%,2%,72.9%)`
CMYK	0, 98, 24, 4
HSL	314.8°, 96, 49	`hsl(314.8,96%,49%)`
HSV (or HSB)	314.8°, 98, 96.1
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	55.145, 87.53, -30.028
XYZ	46.574, 23.071, 48.452
xyY	0.394, 0.195, 23.071
CIE-LCH	55.145, 92.537, 341.065
CIE-LUV	55.145, 106.415, -59.064
Hunter-Lab	48.032, 89.026, -26.186
Binary	11110101, 00000101, 10111010

#f505ba
```
#f505ba rgb(245,5,186)
```
#05f540
```
#05f540 rgb(5,245,64)
```

Complementary Color

#b805f5
```
#b805f5 rgb(184,5,245)
```
#f505ba
```
#f505ba rgb(245,5,186)
```
#f50542
```
#f50542 rgb(245,5,66)
```

Analogous Color

#05f5b8
```
#05f5b8 rgb(5,245,184)
```
#f505ba
```
#f505ba rgb(245,5,186)
```
#42f505
```
#42f505 rgb(66,245,5)
```

Split Complementary Color

#05baf5
```
#05baf5 rgb(5,186,245)
```
#f505ba
```
#f505ba rgb(245,5,186)
```
#baf505
```
#baf505 rgb(186,245,5)
```

Triadic Color

#4005f5
```
#4005f5 rgb(64,5,245)
```
#f505ba
```
#f505ba rgb(245,5,186)
```
#baf505
```
#baf505 rgb(186,245,5)
```
#05f540
```
#05f540 rgb(5,245,64)
```

Tetradic Color

#aa0381
```
#aa0381 rgb(170,3,129)
```
#c30494
```
#c30494 rgb(195,4,148)
```
#dc04a7
```
#dc04a7 rgb(220,4,167)
```
#f505ba
```
#f505ba rgb(245,5,186)
```
#fa19c3
```
#fa19c3 rgb(250,25,195)
```
#fb32c9
```
#fb32c9 rgb(251,50,201)
```
#fb4bd0
```
#fb4bd0 rgb(251,75,208)
```

Monochromatic Color

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

#f405f5
```
#f405f5 rgb(244,5,245)
```
#f505e2
```
#f505e2 rgb(245,5,226)
```
#f505ce
```
#f505ce rgb(245,5,206)
```
#f505ba
```
#f505ba rgb(245,5,186)
```
#f505a6
```
#f505a6 rgb(245,5,166)
```
#f50592
```
#f50592 rgb(245,5,146)
```
#f5057e
```
#f5057e rgb(245,5,126)
```

Similar Colors

Text with hexadecimal color #f505ba

This text has a font color of #f505ba.

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

#f505ba background color

This paragraph has a background color of #f505ba.

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

#f505ba border color

This element has a border color of #f505ba.

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

CSS codes

.text {color:#f505ba;}

.background {background-color:#f505ba;}

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

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

#0e000b
```
#0e000b rgb(14,0,11)
```
#220119
```
#220119 rgb(34,1,25)
```
#350128
```
#350128 rgb(53,1,40)
```
#480137
```
#480137 rgb(72,1,55)
```
#5b0245
```
#5b0245 rgb(91,2,69)
```
#6e0254
```
#6e0254 rgb(110,2,84)
```
#820362
```
#820362 rgb(130,3,98)
```
#950371
```
#950371 rgb(149,3,113)
```
#a80380
```
#a80380 rgb(168,3,128)
```
#bb048e
```
#bb048e rgb(187,4,142)
```
#cf049d
```
#cf049d rgb(207,4,157)
```
#e205ab
```
#e205ab rgb(226,5,171)
```
#f505ba
```
#f505ba rgb(245,5,186)
```

Shade Color Variation

#fa13c1
```
#fa13c1 rgb(250,19,193)
```
#fb27c6
```
#fb27c6 rgb(251,39,198)
```
#fb3acc
```
#fb3acc rgb(251,58,204)
```
#fb4dd1
```
#fb4dd1 rgb(251,77,209)
```
#fc60d6
```
#fc60d6 rgb(252,96,214)
```
#fc74db
```
#fc74db rgb(252,116,219)
```
#fd87e0
```
#fd87e0 rgb(253,135,224)
```
#fd9ae5
```
#fd9ae5 rgb(253,154,229)
```
#fdadea
```
#fdadea rgb(253,173,234)
```
#fec0ef
```
#fec0ef rgb(254,192,239)
```
#fed4f4
```
#fed4f4 rgb(254,212,244)
```
#ffe7f9
```
#ffe7f9 rgb(255,231,249)
```
#fffafe
```
#fffafe rgb(255,250,254)
```

Tint Color Variation

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

#82787f
```
#82787f rgb(130,120,127)
```
#8b6f84
```
#8b6f84 rgb(139,111,132)
```
#956589
```
#956589 rgb(149,101,137)
```
#9e5c8e
```
#9e5c8e rgb(158,92,142)
```
#a85293
```
#a85293 rgb(168,82,147)
```
#b24898
```
#b24898 rgb(178,72,152)
```
#bb3f9d
```
#bb3f9d rgb(187,63,157)
```
#c535a2
```
#c535a2 rgb(197,53,162)
```
#cf2ba6
```
#cf2ba6 rgb(207,43,166)
```
#d822ab
```
#d822ab rgb(216,34,171)
```
#e218b0
```
#e218b0 rgb(226,24,176)
```
#eb0fb5
```
#eb0fb5 rgb(235,15,181)
```
#f505ba
```
#f505ba rgb(245,5,186)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#7f4f73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d86fa Protanopia 1% of men
#8588ab Deuteranopia 1% of men
#ed5155 Tritanopia 0.001% of the population

Trichromacy

#8057e3 Protanomaly 1% of men, 0.01% of women
#ad58b0 Deuteranomaly 6% of men, 0.4% of women
#ef357a Tritanomaly 0.01% of the population

#f505ba hex color

#f505ba Color Information

#f505ba Color Conversion

Color Schemes with #f505ba

Alternatives to #f505ba

#f505ba Preview

Shades and Tints of #f505ba

Tones of #f505ba

Color Blindness Simulator