#f5164d hex color

In a RGB color space, hex #f5164d is composed of 96.1% red, 8.6% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91% magenta, 68.6% yellow and 3.9% black. It has a hue angle of 345.2 degrees, a saturation of 91.8% and a lightness of 52.4%. #f5164d color hex could be obtained by blending #ff2c9a with #eb0000. Closest websafe color is: #ff0066.

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

● #f5164d color description : Vivid red.

The hexadecimal color #f5164d has RGB values of R:245, G:22, B:77 and CMYK values of C:0, M:0.91, Y:0.69, K:0.04. Its decimal value is 16062029.

Hex triplet	f5164d	`#f5164d`
RGB Decimal	245, 22, 77	`rgb(245,22,77)`
RGB Percent	96.1, 8.6, 30.2	`rgb(96.1%,8.6%,30.2%)`
CMYK	0, 91, 69, 4
HSL	345.2°, 91.8, 52.4	`hsl(345.2,91.8%,52.4%)`
HSV (or HSB)	345.2°, 91, 96.1
Web Safe	ff0066	`#ff0066`

CIE-LAB	52.428, 77.499, 31.135
XYZ	39.285, 20.527, 8.914
xyY	0.572, 0.299, 20.527
CIE-LCH	52.428, 83.519, 21.888
CIE-LUV	52.428, 151.573, 17.528
Hunter-Lab	45.307, 75.486, 20.049
Binary	11110101, 00010110, 01001101

#f5164d
```
#f5164d rgb(245,22,77)
```
#16f5be
```
#16f5be rgb(22,245,190)
```

Complementary Color

#f516bd
```
#f516bd rgb(245,22,189)
```
#f5164d
```
#f5164d rgb(245,22,77)
```
#f54f16
```
#f54f16 rgb(245,79,22)
```

Analogous Color

#16bdf5
```
#16bdf5 rgb(22,189,245)
```
#f5164d
```
#f5164d rgb(245,22,77)
```
#16f54f
```
#16f54f rgb(22,245,79)
```

Split Complementary Color

#164df5
```
#164df5 rgb(22,77,245)
```
#f5164d
```
#f5164d rgb(245,22,77)
```
#4df516
```
#4df516 rgb(77,245,22)
```

Triadic Color

#be16f5
```
#be16f5 rgb(190,22,245)
```
#f5164d
```
#f5164d rgb(245,22,77)
```
#4df516
```
#4df516 rgb(77,245,22)
```
#16f5be
```
#16f5be rgb(22,245,190)
```

Tetradic Color

#b70833
```
#b70833 rgb(183,8,51)
```
#cf093a
```
#cf093a rgb(207,9,58)
```
#e80a41
```
#e80a41 rgb(232,10,65)
```
#f5164d
```
#f5164d rgb(245,22,77)
```
#f62e60
```
#f62e60 rgb(246,46,96)
```
#f74772
```
#f74772 rgb(247,71,114)
```
#f85f85
```
#f85f85 rgb(248,95,133)
```

Monochromatic Color

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

#f51685
```
#f51685 rgb(245,22,133)
```
#f51672
```
#f51672 rgb(245,22,114)
```
#f51660
```
#f51660 rgb(245,22,96)
```
#f5164d
```
#f5164d rgb(245,22,77)
```
#f5163a
```
#f5163a rgb(245,22,58)
```
#f51628
```
#f51628 rgb(245,22,40)
```
#f51716
```
#f51716 rgb(245,23,22)
```

Similar Colors

Text with hexadecimal color #f5164d

This text has a font color of #f5164d.

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

#f5164d background color

This paragraph has a background color of #f5164d.

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

#f5164d border color

This element has a border color of #f5164d.

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

CSS codes

.text {color:#f5164d;}

.background {background-color:#f5164d;}

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

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

#0c0003
```
#0c0003 rgb(12,0,3)
```
#1e0108
```
#1e0108 rgb(30,1,8)
```
#31020e
```
#31020e rgb(49,2,14)
```
#440313
```
#440313 rgb(68,3,19)
```
#570418
```
#570418 rgb(87,4,24)
```
#6a051d
```
#6a051d rgb(106,5,29)
```
#7c0523
```
#7c0523 rgb(124,5,35)
```
#8f0628
```
#8f0628 rgb(143,6,40)
```
#a2072d
```
#a2072d rgb(162,7,45)
```
#b50832
```
#b50832 rgb(181,8,50)
```
#c80938
```
#c80938 rgb(200,9,56)
```
#da093d
```
#da093d rgb(218,9,61)
```
#ed0a42
```
#ed0a42 rgb(237,10,66)
```

Shade Color Variation

#f5164d
```
#f5164d rgb(245,22,77)
```
#f6295b
```
#f6295b rgb(246,41,91)
```
#f73c6a
```
#f73c6a rgb(247,60,106)
```
#f74e78
```
#f74e78 rgb(247,78,120)
```
#f86186
```
#f86186 rgb(248,97,134)
```
#f97495
```
#f97495 rgb(249,116,149)
```
#fa87a3
```
#fa87a3 rgb(250,135,163)
```
#fb9ab2
```
#fb9ab2 rgb(251,154,178)
```
#fbacc0
```
#fbacc0 rgb(251,172,192)
```
#fcbfce
```
#fcbfce rgb(252,191,206)
```
#fdd2dd
```
#fdd2dd rgb(253,210,221)
```
#fee5eb
```
#fee5eb rgb(254,229,235)
```
#fff8f9
```
#fff8f9 rgb(255,248,249)
```

Tint Color Variation

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

#8e7d81
```
#8e7d81 rgb(142,125,129)
```
#98737c
```
#98737c rgb(152,115,124)
```
#a16a78
```
#a16a78 rgb(161,106,120)
```
#aa6173
```
#aa6173 rgb(170,97,115)
```
#b4576e
```
#b4576e rgb(180,87,110)
```
#bd4e69
```
#bd4e69 rgb(189,78,105)
```
#c64565
```
#c64565 rgb(198,69,101)
```
#d03b60
```
#d03b60 rgb(208,59,96)
```
#d9325b
```
#d9325b rgb(217,50,91)
```
#e22956
```
#e22956 rgb(226,41,86)
```
#ec1f52
```
#ec1f52 rgb(236,31,82)
```
#f5164d
```
#f5164d rgb(245,22,77)
```
#fe0d48
```
#fe0d48 rgb(254,13,72)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#7d505b Atypical Achromatopsia 0.001% of the population

Dichromacy

#898374 Protanopia 1% of men
#a07e48 Deuteranopia 1% of men
#f42e2c Tritanopia 0.001% of the population

Trichromacy

#b05b65 Protanomaly 1% of men, 0.01% of women
#bf584a Deuteranomaly 6% of men, 0.4% of women
#f42538 Tritanomaly 0.01% of the population

#f5164d hex color

#f5164d Color Information

#f5164d Color Conversion

Color Schemes with #f5164d

Alternatives to #f5164d

#f5164d Preview

Shades and Tints of #f5164d

Tones of #f5164d

Color Blindness Simulator