colorhexa.com

#f508c0 hex color

In a RGB color space, hex #f508c0 is composed of 96.1% red, 3.1% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 96.7% magenta, 21.6% yellow and 3.9% black. It has a hue angle of 313.4 degrees, a saturation of 93.7% and a lightness of 49.6%. #f508c0 color hex could be obtained by blending #ff10ff with #eb0081. Closest websafe color is: #ff00cc.

- R 96
- G 3
- B 75
RGB color chart
- C 0
- M 97
- Y 22
- K 4
CMYK color chart

● #f508c0 color description : Vivid magenta.

The hexadecimal color #f508c0 has RGB values of R:245, G:8, B:192 and CMYK values of C:0, M:0.97, Y:0.22, K:0.04. Its decimal value is 16058560.

Hex triplet	f508c0	`#f508c0`
RGB Decimal	245, 8, 192	`rgb(245,8,192)`
RGB Percent	96.1, 3.1, 75.3	`rgb(96.1%,3.1%,75.3%)`
CMYK	0, 97, 22, 4
HSL	313.4°, 93.7, 49.6	`hsl(313.4,93.7%,49.6%)`
HSV (or HSB)	313.4°, 96.7, 96.1
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	55.478, 88.014, -32.986
XYZ	47.258, 23.396, 51.894
xyY	0.386, 0.191, 23.396
CIE-LCH	55.478, 93.992, 339.455
CIE-LUV	55.478, 103.454, -63.591
Hunter-Lab	48.37, 89.75, -29.751
Binary	11110101, 00001000, 11000000

#f508c0
```
#f508c0 rgb(245,8,192)
```
#08f53d
```
#08f53d rgb(8,245,61)
```

Complementary Color

#b408f5
```
#b408f5 rgb(180,8,245)
```
#f508c0
```
#f508c0 rgb(245,8,192)
```
#f5084a
```
#f5084a rgb(245,8,74)
```

Analogous Color

#08f5b4
```
#08f5b4 rgb(8,245,180)
```
#f508c0
```
#f508c0 rgb(245,8,192)
```
#4af508
```
#4af508 rgb(74,245,8)
```

Split Complementary Color

#08c0f5
```
#08c0f5 rgb(8,192,245)
```
#f508c0
```
#f508c0 rgb(245,8,192)
```
#c0f508
```
#c0f508 rgb(192,245,8)
```

Triadic Color

#ab0686
```
#ab0686 rgb(171,6,134)
```
#c40699
```
#c40699 rgb(196,6,153)
```
#dc07ad
```
#dc07ad rgb(220,7,173)
```
#f508c0
```
#f508c0 rgb(245,8,192)
```
#f81fc7
```
#f81fc7 rgb(248,31,199)
```
#f838cd
```
#f838cd rgb(248,56,205)
```
#f950d3
```
#f950d3 rgb(249,80,211)
```

Monochromatic Color

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

#ef08f5
```
#ef08f5 rgb(239,8,245)
```
#f508e8
```
#f508e8 rgb(245,8,232)
```
#f508d4
```
#f508d4 rgb(245,8,212)
```
#f508c0
```
#f508c0 rgb(245,8,192)
```
#f508ac
```
#f508ac rgb(245,8,172)
```
#f50899
```
#f50899 rgb(245,8,153)
```
#f50885
```
#f50885 rgb(245,8,133)
```

Similar Colors

Text with hexadecimal color #f508c0

This text has a font color of #f508c0.

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

#f508c0 background color

This paragraph has a background color of #f508c0.

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

#f508c0 border color

This element has a border color of #f508c0.

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

CSS codes

.text {color:#f508c0;}

.background {background-color:#f508c0;}

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

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, #11010d is the darkest color, while #fffdff is the lightest one.

#11010d
```
#11010d rgb(17,1,13)
```
#24011c
```
#24011c rgb(36,1,28)
```
#37022b
```
#37022b rgb(55,2,43)
```
#4a023a
```
#4a023a rgb(74,2,58)
```
#5d0349
```
#5d0349 rgb(93,3,73)
```
#700458
```
#700458 rgb(112,4,88)
```
#830467
```
#830467 rgb(131,4,103)
```
#960576
```
#960576 rgb(150,5,118)
```
#a90684
```
#a90684 rgb(169,6,132)
```
#bc0693
```
#bc0693 rgb(188,6,147)
```
#cf07a2
```
#cf07a2 rgb(207,7,162)
```
#e207b1
```
#e207b1 rgb(226,7,177)
```
#f508c0
```
#f508c0 rgb(245,8,192)
```

Shade Color Variation

#f719c6
```
#f719c6 rgb(247,25,198)
```
#f82cca
```
#f82cca rgb(248,44,202)
```
#f93fcf
```
#f93fcf rgb(249,63,207)
```
#f952d4
```
#f952d4 rgb(249,82,212)
```
#fa65d9
```
#fa65d9 rgb(250,101,217)
```
#fb78dd
```
#fb78dd rgb(251,120,221)
```
#fb8be2
```
#fb8be2 rgb(251,139,226)
```
#fc9ee7
```
#fc9ee7 rgb(252,158,231)
```
#fcb1ec
```
#fcb1ec rgb(252,177,236)
```
#fdc4f0
```
#fdc4f0 rgb(253,196,240)
```
#fed7f5
```
#fed7f5 rgb(254,215,245)
```
#feeafa
```
#feeafa rgb(254,234,250)
```
#fffdff
```
#fffdff rgb(255,253,255)
```

Tint Color Variation

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

#807d7f
```
#807d7f rgb(128,125,127)
```
#8a7385
```
#8a7385 rgb(138,115,133)
```
#94698a
```
#94698a rgb(148,105,138)
```
#9d6090
```
#9d6090 rgb(157,96,144)
```
#a75695
```
#a75695 rgb(167,86,149)
```
#b14c9a
```
#b14c9a rgb(177,76,154)
```
#bb42a0
```
#bb42a0 rgb(187,66,160)
```
#c439a5
```
#c439a5 rgb(196,57,165)
```
#ce2faa
```
#ce2faa rgb(206,47,170)
```
#d825b0
```
#d825b0 rgb(216,37,176)
```
#e21bb5
```
#e21bb5 rgb(226,27,181)
```
#eb12bb
```
#eb12bb rgb(235,18,187)
```
#f508c0
```
#f508c0 rgb(245,8,192)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#815276 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3887ff Protanopia 1% of men
#8289b0 Deuteranopia 1% of men
#ec5458 Tritanopia 0.001% of the population

Trichromacy

#7c58e8 Protanomaly 1% of men, 0.01% of women
#ac5ab6 Deuteranomaly 6% of men, 0.4% of women
#ef387e Tritanomaly 0.01% of the population