#f5107d hex color

In a RGB color space, hex #f5107d is composed of 96.1% red, 6.3% green and 49% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 93.5% magenta, 49% yellow and 3.9% black. It has a hue angle of 331.4 degrees, a saturation of 92% and a lightness of 51.2%. #f5107d color hex could be obtained by blending #ff20fa with #eb0000. Closest websafe color is: #ff0066.

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

● #f5107d color description : Vivid pink.

The hexadecimal color #f5107d has RGB values of R:245, G:16, B:125 and CMYK values of C:0, M:0.93, Y:0.49, K:0.04. Its decimal value is 16060541.

Hex triplet	f5107d	`#f5107d`
RGB Decimal	245, 16, 125	`rgb(245,16,125)`
RGB Percent	96.1, 6.3, 49	`rgb(96.1%,6.3%,49%)`
CMYK	0, 93, 49, 4
HSL	331.4°, 92, 51.2	`hsl(331.4,92%,51.2%)`
HSV (or HSB)	331.4°, 93.5, 96.1
Web Safe	ff0066	`#ff0066`

CIE-LAB	53.242, 80.999, 3.248
XYZ	41.545, 21.269, 21.319
xyY	0.494, 0.253, 21.269
CIE-LCH	53.242, 81.064, 2.296
CIE-LUV	53.242, 134.002, -12.073
Hunter-Lab	46.118, 80.093, 4.875
Binary	11110101, 00010000, 01111101

#f5107d
```
#f5107d rgb(245,16,125)
```
#10f588
```
#10f588 rgb(16,245,136)
```

Complementary Color

#f510f0
```
#f510f0 rgb(245,16,240)
```
#f5107d
```
#f5107d rgb(245,16,125)
```
#f51610
```
#f51610 rgb(245,22,16)
```

Analogous Color

#10f0f5
```
#10f0f5 rgb(16,240,245)
```
#f5107d
```
#f5107d rgb(245,16,125)
```
#10f516
```
#10f516 rgb(16,245,22)
```

Split Complementary Color

#107df5
```
#107df5 rgb(16,125,245)
```
#f5107d
```
#f5107d rgb(245,16,125)
```
#7df510
```
#7df510 rgb(125,245,16)
```

Triadic Color

#8810f5
```
#8810f5 rgb(136,16,245)
```
#f5107d
```
#f5107d rgb(245,16,125)
```
#7df510
```
#7df510 rgb(125,245,16)
```
#10f588
```
#10f588 rgb(16,245,136)
```

Tetradic Color

#b10758
```
#b10758 rgb(177,7,88)
```
#ca0864
```
#ca0864 rgb(202,8,100)
```
#e20971
```
#e20971 rgb(226,9,113)
```
#f5107d
```
#f5107d rgb(245,16,125)
```
#f6288a
```
#f6288a rgb(246,40,138)
```
#f74198
```
#f74198 rgb(247,65,152)
```
#f859a5
```
#f859a5 rgb(248,89,165)
```

Monochromatic Color

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

#f510b6
```
#f510b6 rgb(245,16,182)
```
#f510a3
```
#f510a3 rgb(245,16,163)
```
#f51090
```
#f51090 rgb(245,16,144)
```
#f5107d
```
#f5107d rgb(245,16,125)
```
#f5106a
```
#f5106a rgb(245,16,106)
```
#f51057
```
#f51057 rgb(245,16,87)
```
#f51044
```
#f51044 rgb(245,16,68)
```

Similar Colors

Text with hexadecimal color #f5107d

This text has a font color of #f5107d.

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

#f5107d background color

This paragraph has a background color of #f5107d.

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

#f5107d border color

This element has a border color of #f5107d.

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

CSS codes

.text {color:#f5107d;}

.background {background-color:#f5107d;}

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

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)
```
#19010c
```
#19010c rgb(25,1,12)
```
#2b0216
```
#2b0216 rgb(43,2,22)
```
#3e031f
```
#3e031f rgb(62,3,31)
```
#510328
```
#510328 rgb(81,3,40)
```
#640432
```
#640432 rgb(100,4,50)
```
#77053b
```
#77053b rgb(119,5,59)
```
#8a0644
```
#8a0644 rgb(138,6,68)
```
#9c074e
```
#9c074e rgb(156,7,78)
```
#af0757
```
#af0757 rgb(175,7,87)
```
#c20861
```
#c20861 rgb(194,8,97)
```
#d5096a
```
#d5096a rgb(213,9,106)
```
#e80a73
```
#e80a73 rgb(232,10,115)
```

Shade Color Variation

#f5107d
```
#f5107d rgb(245,16,125)
```
#f62387
```
#f62387 rgb(246,35,135)
```
#f73691
```
#f73691 rgb(247,54,145)
```
#f7489c
```
#f7489c rgb(247,72,156)
```
#f85ba6
```
#f85ba6 rgb(248,91,166)
```
#f96eb0
```
#f96eb0 rgb(249,110,176)
```
#fa81ba
```
#fa81ba rgb(250,129,186)
```
#fb94c5
```
#fb94c5 rgb(251,148,197)
```
#fba7cf
```
#fba7cf rgb(251,167,207)
```
#fcb9d9
```
#fcb9d9 rgb(252,185,217)
```
#fdcce3
```
#fdcce3 rgb(253,204,227)
```
#fedfee
```
#fedfee rgb(254,223,238)
```
#fef2f8
```
#fef2f8 rgb(254,242,248)
```

Tint Color Variation

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

#8c7982
```
#8c7982 rgb(140,121,130)
```
#957082
```
#957082 rgb(149,112,130)
```
#9f6681
```
#9f6681 rgb(159,102,129)
```
#a85d81
```
#a85d81 rgb(168,93,129)
```
#b25380
```
#b25380 rgb(178,83,128)
```
#bc4980
```
#bc4980 rgb(188,73,128)
```
#c5407f
```
#c5407f rgb(197,64,127)
```
#cf367f
```
#cf367f rgb(207,54,127)
```
#d82d7e
```
#d82d7e rgb(216,45,126)
```
#e2237e
```
#e2237e rgb(226,35,126)
```
#eb1a7d
```
#eb1a7d rgb(235,26,125)
```
#f5107d
```
#f5107d rgb(245,16,125)
```
#ff067d
```
#ff067d rgb(255,6,125)
```

Tone Color Variation

Below, you can see how #f5107d 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
#7f5167 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7884af Protanopia 1% of men
#988175 Deuteranopia 1% of men
#f23c3d Tritanopia 0.001% of the population

Trichromacy

#a5599d Protanomaly 1% of men, 0.01% of women
#b95878 Deuteranomaly 6% of men, 0.4% of women
#f32c54 Tritanomaly 0.01% of the population

#f5107d hex color

#f5107d Color Information

#f5107d Color Conversion

Color Schemes with #f5107d

Alternatives to #f5107d

#f5107d Preview

Shades and Tints of #f5107d

Tones of #f5107d

Color Blindness Simulator