#f5386e hex color

In a RGB color space, hex #f5386e is composed of 96.1% red, 22% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.1% magenta, 55.1% yellow and 3.9% black. It has a hue angle of 342.9 degrees, a saturation of 90.4% and a lightness of 59%. #f5386e color hex could be obtained by blending #ff70dc with #eb0000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 96
- G 22
- B 43
RGB color chart
- C 0
- M 77
- Y 55
- K 4
CMYK color chart

● #f5386e color description : Bright pink.

The hexadecimal color #f5386e has RGB values of R:245, G:56, B:110 and CMYK values of C:0, M:0.77, Y:0.55, K:0.04. Its decimal value is 16070766.

Hex triplet	f5386e	`#f5386e`
RGB Decimal	245, 56, 110	`rgb(245,56,110)`
RGB Percent	96.1, 22, 43.1	`rgb(96.1%,22%,43.1%)`
CMYK	0, 77, 55, 4
HSL	342.9°, 90.4, 59	`hsl(342.9,90.4%,59%)`
HSV (or HSB)	342.9°, 77.1, 96.1
Web Safe	ff3366	`#ff3366`

CIE-LAB	55.453, 72.508, 15.381
XYZ	41.886, 23.371, 17.057
xyY	0.509, 0.284, 23.371
CIE-LCH	55.453, 74.122, 11.976
CIE-LUV	55.453, 129.639, 4.186
Hunter-Lab	48.344, 70.055, 12.922
Binary	11110101, 00111000, 01101110

#f5386e
```
#f5386e rgb(245,56,110)
```
#38f5bf
```
#38f5bf rgb(56,245,191)
```

Complementary Color

#f538cd
```
#f538cd rgb(245,56,205)
```
#f5386e
```
#f5386e rgb(245,56,110)
```
#f56138
```
#f56138 rgb(245,97,56)
```

Analogous Color

#38cdf5
```
#38cdf5 rgb(56,205,245)
```
#f5386e
```
#f5386e rgb(245,56,110)
```
#38f561
```
#38f561 rgb(56,245,97)
```

Split Complementary Color

#386ef5
```
#386ef5 rgb(56,110,245)
```
#f5386e
```
#f5386e rgb(245,56,110)
```
#6ef538
```
#6ef538 rgb(110,245,56)
```

Triadic Color

#bf38f5
```
#bf38f5 rgb(191,56,245)
```
#f5386e
```
#f5386e rgb(245,56,110)
```
#6ef538
```
#6ef538 rgb(110,245,56)
```
#38f5bf
```
#38f5bf rgb(56,245,191)
```

Tetradic Color

#d60b45
```
#d60b45 rgb(214,11,69)
```
#ee0c4d
```
#ee0c4d rgb(238,12,77)
```
#f4205c
```
#f4205c rgb(244,32,92)
```
#f5386e
```
#f5386e rgb(245,56,110)
```
#f65080
```
#f65080 rgb(246,80,128)
```
#f76991
```
#f76991 rgb(247,105,145)
```
#f981a3
```
#f981a3 rgb(249,129,163)
```

Monochromatic Color

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

#f5389d
```
#f5389d rgb(245,56,157)
```
#f5388e
```
#f5388e rgb(245,56,142)
```
#f5387e
```
#f5387e rgb(245,56,126)
```
#f5386e
```
#f5386e rgb(245,56,110)
```
#f5385e
```
#f5385e rgb(245,56,94)
```
#f5384e
```
#f5384e rgb(245,56,78)
```
#f5383f
```
#f5383f rgb(245,56,63)
```

Similar Colors

Text with hexadecimal color #f5386e

This text has a font color of #f5386e.

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

#f5386e background color

This paragraph has a background color of #f5386e.

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

#f5386e border color

This element has a border color of #f5386e.

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

CSS codes

.text {color:#f5386e;}

.background {background-color:#f5386e;}

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

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, #060002 is the darkest color, while #fef3f6 is the lightest one.

#060002
```
#060002 rgb(6,0,2)
```
#190108
```
#190108 rgb(25,1,8)
```
#2c020e
```
#2c020e rgb(44,2,14)
```
#3e0314
```
#3e0314 rgb(62,3,20)
```
#51041a
```
#51041a rgb(81,4,26)
```
#640520
```
#640520 rgb(100,5,32)
```
#770626
```
#770626 rgb(119,6,38)
```
#89072c
```
#89072c rgb(137,7,44)
```
#9c0832
```
#9c0832 rgb(156,8,50)
```
#af0938
```
#af0938 rgb(175,9,56)
```
#c10a3e
```
#c10a3e rgb(193,10,62)
```
#d40b44
```
#d40b44 rgb(212,11,68)
```
#e70c4a
```
#e70c4a rgb(231,12,74)
```

Shade Color Variation

#f31353
```
#f31353 rgb(243,19,83)
```
#f42560
```
#f42560 rgb(244,37,96)
```
#f5386e
```
#f5386e rgb(245,56,110)
```
#f64b7c
```
#f64b7c rgb(246,75,124)
```
#f75d89
```
#f75d89 rgb(247,93,137)
```
#f87097
```
#f87097 rgb(248,112,151)
```
#f983a4
```
#f983a4 rgb(249,131,164)
```
#fa95b2
```
#fa95b2 rgb(250,149,178)
```
#fba8c0
```
#fba8c0 rgb(251,168,192)
```
#fcbbcd
```
#fcbbcd rgb(252,187,205)
```
#fdcddb
```
#fdcddb rgb(253,205,219)
```
#fde0e8
```
#fde0e8 rgb(253,224,232)
```
#fef3f6
```
#fef3f6 rgb(254,243,246)
```

Tint Color Variation

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

#9d9094
```
#9d9094 rgb(157,144,148)
```
#a58890
```
#a58890 rgb(165,136,144)
```
#ad808d
```
#ad808d rgb(173,128,141)
```
#b5788a
```
#b5788a rgb(181,120,138)
```
#bd7086
```
#bd7086 rgb(189,112,134)
```
#c56883
```
#c56883 rgb(197,104,131)
```
#cd607f
```
#cd607f rgb(205,96,127)
```
#d5587c
```
#d5587c rgb(213,88,124)
```
#dd5078
```
#dd5078 rgb(221,80,120)
```
#e54875
```
#e54875 rgb(229,72,117)
```
#ed4071
```
#ed4071 rgb(237,64,113)
```
#f5386e
```
#f5386e rgb(245,56,110)
```
#fd306b
```
#fd306b rgb(253,48,107)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#906a75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a8a94 Protanopia 1% of men
#a38569 Deuteranopia 1% of men
#f34b4e Tritanopia 0.001% of the population

Trichromacy

#b16c86 Protanomaly 1% of men, 0.01% of women
#c1696b Deuteranomaly 6% of men, 0.4% of women
#f4445a Tritanomaly 0.01% of the population

#f5386e hex color

#f5386e Color Information

#f5386e Color Conversion

Color Schemes with #f5386e

Alternatives to #f5386e

#f5386e Preview

Shades and Tints of #f5386e

Tones of #f5386e

Color Blindness Simulator