#f5168a hex color

In a RGB color space, hex #f5168a is composed of 96.1% red, 8.6% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91% magenta, 43.7% yellow and 3.9% black. It has a hue angle of 328.8 degrees, a saturation of 91.8% and a lightness of 52.4%. #f5168a color hex could be obtained by blending #ff2cff with #eb0015. Closest websafe color is: #ff0099.

♥
- f
- t
- g
- R 96
- G 9
- B 54
RGB color chart
- C 0
- M 91
- Y 44
- K 4
CMYK color chart

● #f5168a color description : Vivid pink.

The hexadecimal color #f5168a has RGB values of R:245, G:22, B:138 and CMYK values of C:0, M:0.91, Y:0.44, K:0.04. Its decimal value is 16062090.

Hex triplet	f5168a	`#f5168a`
RGB Decimal	245, 22, 138	`rgb(245,22,138)`
RGB Percent	96.1, 8.6, 54.1	`rgb(96.1%,8.6%,54.1%)`
CMYK	0, 91, 44, 4
HSL	328.8°, 91.8, 52.4	`hsl(328.8,91.8%,52.4%)`
HSV (or HSB)	328.8°, 91, 96.1
Web Safe	ff0099	`#ff0099`

CIE-LAB	53.842, 81.396, -3.689
XYZ	42.532, 21.826, 26.017
xyY	0.471, 0.242, 21.826
CIE-LCH	53.842, 81.48, 357.405
CIE-LUV	53.842, 127.343, -20.886
Hunter-Lab	46.718, 80.747, -0.315
Binary	11110101, 00010110, 10001010

#f5168a
```
#f5168a rgb(245,22,138)
```
#16f581
```
#16f581 rgb(22,245,129)
```

Complementary Color

#f116f5
```
#f116f5 rgb(241,22,245)
```
#f5168a
```
#f5168a rgb(245,22,138)
```
#f5161b
```
#f5161b rgb(245,22,27)
```

Analogous Color

#16f5f1
```
#16f5f1 rgb(22,245,241)
```
#f5168a
```
#f5168a rgb(245,22,138)
```
#1bf516
```
#1bf516 rgb(27,245,22)
```

Split Complementary Color

#168af5
```
#168af5 rgb(22,138,245)
```
#f5168a
```
#f5168a rgb(245,22,138)
```
#8af516
```
#8af516 rgb(138,245,22)
```

Triadic Color

#8116f5
```
#8116f5 rgb(129,22,245)
```
#f5168a
```
#f5168a rgb(245,22,138)
```
#8af516
```
#8af516 rgb(138,245,22)
```
#16f581
```
#16f581 rgb(22,245,129)
```

Tetradic Color

#b70863
```
#b70863 rgb(183,8,99)
```
#cf0970
```
#cf0970 rgb(207,9,112)
```
#e80a7d
```
#e80a7d rgb(232,10,125)
```
#f5168a
```
#f5168a rgb(245,22,138)
```
#f62e96
```
#f62e96 rgb(246,46,150)
```
#f747a3
```
#f747a3 rgb(247,71,163)
```
#f85faf
```
#f85faf rgb(248,95,175)
```

Monochromatic Color

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

#f516c2
```
#f516c2 rgb(245,22,194)
```
#f516af
```
#f516af rgb(245,22,175)
```
#f5169d
```
#f5169d rgb(245,22,157)
```
#f5168a
```
#f5168a rgb(245,22,138)
```
#f51677
```
#f51677 rgb(245,22,119)
```
#f51665
```
#f51665 rgb(245,22,101)
```
#f51652
```
#f51652 rgb(245,22,82)
```

Similar Colors

Text with hexadecimal color #f5168a

This text has a font color of #f5168a.

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

#f5168a background color

This paragraph has a background color of #f5168a.

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

#f5168a border color

This element has a border color of #f5168a.

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

CSS codes

.text {color:#f5168a;}

.background {background-color:#f5168a;}

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

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

#0c0006
```
#0c0006 rgb(12,0,6)
```
#1e0110
```
#1e0110 rgb(30,1,16)
```
#31021b
```
#31021b rgb(49,2,27)
```
#440325
```
#440325 rgb(68,3,37)
```
#57042f
```
#57042f rgb(87,4,47)
```
#6a0539
```
#6a0539 rgb(106,5,57)
```
#7c0543
```
#7c0543 rgb(124,5,67)
```
#8f064d
```
#8f064d rgb(143,6,77)
```
#a20758
```
#a20758 rgb(162,7,88)
```
#b50862
```
#b50862 rgb(181,8,98)
```
#c8096c
```
#c8096c rgb(200,9,108)
```
#da0976
```
#da0976 rgb(218,9,118)
```
#ed0a80
```
#ed0a80 rgb(237,10,128)
```

Shade Color Variation

#f5168a
```
#f5168a rgb(245,22,138)
```
#f62993
```
#f62993 rgb(246,41,147)
```
#f73c9d
```
#f73c9d rgb(247,60,157)
```
#f74ea6
```
#f74ea6 rgb(247,78,166)
```
#f861b0
```
#f861b0 rgb(248,97,176)
```
#f974b9
```
#f974b9 rgb(249,116,185)
```
#fa87c3
```
#fa87c3 rgb(250,135,195)
```
#fb9acc
```
#fb9acc rgb(251,154,204)
```
#fbacd6
```
#fbacd6 rgb(251,172,214)
```
#fcbfdf
```
#fcbfdf rgb(252,191,223)
```
#fdd2e8
```
#fdd2e8 rgb(253,210,232)
```
#fee5f2
```
#fee5f2 rgb(254,229,242)
```
#fff8fb
```
#fff8fb rgb(255,248,251)
```

Tint Color Variation

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

#8e7d86
```
#8e7d86 rgb(142,125,134)
```
#987386
```
#987386 rgb(152,115,134)
```
#a16a87
```
#a16a87 rgb(161,106,135)
```
#aa6187
```
#aa6187 rgb(170,97,135)
```
#b45787
```
#b45787 rgb(180,87,135)
```
#bd4e88
```
#bd4e88 rgb(189,78,136)
```
#c64588
```
#c64588 rgb(198,69,136)
```
#d03b88
```
#d03b88 rgb(208,59,136)
```
#d93289
```
#d93289 rgb(217,50,137)
```
#e22989
```
#e22989 rgb(226,41,137)
```
#ec1f8a
```
#ec1f8a rgb(236,31,138)
```
#f5168a
```
#f5168a rgb(245,22,138)
```
#fe0d8a
```
#fe0d8a rgb(254,13,138)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#83566d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7385be Protanopia 1% of men
#968281 Deuteranopia 1% of men
#f14244 Tritanopia 0.001% of the population

Trichromacy

#a25cab Protanomaly 1% of men, 0.01% of women
#b85b84 Deuteranomaly 6% of men, 0.4% of women
#f2325d Tritanomaly 0.01% of the population

#f5168a hex color

#f5168a Color Information

#f5168a Color Conversion

Color Schemes with #f5168a

Alternatives to #f5168a

#f5168a Preview

Shades and Tints of #f5168a

Tones of #f5168a

Color Blindness Simulator