#f58a86 hex color

In a RGB color space, hex #f58a86 is composed of 96.1% red, 54.1% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 43.7% magenta, 45.3% yellow and 3.9% black. It has a hue angle of 2.2 degrees, a saturation of 84.7% and a lightness of 74.3%. #f58a86 color hex could be obtained by blending #ffffff with #eb150d. Closest websafe color is: #ff9999.

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

● #f58a86 color description : Soft red.

The hexadecimal color #f58a86 has RGB values of R:245, G:138, B:134 and CMYK values of C:0, M:0.44, Y:0.45, K:0.04. Its decimal value is 16091782.

Hex triplet	f58a86	`#f58a86`
RGB Decimal	245, 138, 134	`rgb(245,138,134)`
RGB Percent	96.1, 54.1, 52.5	`rgb(96.1%,54.1%,52.5%)`
CMYK	0, 44, 45, 4
HSL	2.2°, 84.7, 74.3	`hsl(2.2,84.7%,74.3%)`
HSV (or HSB)	2.2°, 45.3, 96.1
Web Safe	ff9999	`#ff9999`

CIE-LAB	68.978, 40.143, 20.165
XYZ	51.049, 39.314, 27.453
xyY	0.433, 0.334, 39.314
CIE-LCH	68.978, 44.923, 26.672
CIE-LUV	68.978, 75.807, 18.805
Hunter-Lab	62.701, 35.6, 17.931
Binary	11110101, 10001010, 10000110

#f58a86
```
#f58a86 rgb(245,138,134)
```
#86f1f5
```
#86f1f5 rgb(134,241,245)
```

Complementary Color

#f586ba
```
#f586ba rgb(245,134,186)
```
#f58a86
```
#f58a86 rgb(245,138,134)
```
#f5c286
```
#f5c286 rgb(245,194,134)
```

Analogous Color

#86baf5
```
#86baf5 rgb(134,186,245)
```
#f58a86
```
#f58a86 rgb(245,138,134)
```
#86f5c2
```
#86f5c2 rgb(134,245,194)
```

Split Complementary Color

#8a86f5
```
#8a86f5 rgb(138,134,245)
```
#f58a86
```
#f58a86 rgb(245,138,134)
```
#86f58a
```
#86f58a rgb(134,245,138)
```

Triadic Color

#f586f1
```
#f586f1 rgb(245,134,241)
```
#f58a86
```
#f58a86 rgb(245,138,134)
```
#86f58a
```
#86f58a rgb(134,245,138)
```
#86f1f5
```
#86f1f5 rgb(134,241,245)
```

Tetradic Color

#ef463f
```
#ef463f rgb(239,70,63)
```
#f15c57
```
#f15c57 rgb(241,92,87)
```
#f3736e
```
#f3736e rgb(243,115,110)
```
#f58a86
```
#f58a86 rgb(245,138,134)
```
#f7a19e
```
#f7a19e rgb(247,161,158)
```
#f9b8b5
```
#f9b8b5 rgb(249,184,181)
```
#fbcecd
```
#fbcecd rgb(251,206,205)
```

Monochromatic Color

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

#f5869e
```
#f5869e rgb(245,134,158)
```
#f58695
```
#f58695 rgb(245,134,149)
```
#f5868b
```
#f5868b rgb(245,134,139)
```
#f58a86
```
#f58a86 rgb(245,138,134)
```
#f59386
```
#f59386 rgb(245,147,134)
```
#f59d86
```
#f59d86 rgb(245,157,134)
```
#f5a686
```
#f5a686 rgb(245,166,134)
```

Similar Colors

Text with hexadecimal color #f58a86

This text has a font color of #f58a86.

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

#f58a86 background color

This paragraph has a background color of #f58a86.

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

#f58a86 border color

This element has a border color of #f58a86.

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

CSS codes

.text {color:#f58a86;}

.background {background-color:#f58a86;}

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

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

#060100
```
#060100 rgb(6,1,0)
```
#180302
```
#180302 rgb(24,3,2)
```
#2a0503
```
#2a0503 rgb(42,5,3)
```
#3c0705
```
#3c0705 rgb(60,7,5)
```
#4e0906
```
#4e0906 rgb(78,9,6)
```
#600b08
```
#600b08 rgb(96,11,8)
```
#730d09
```
#730d09 rgb(115,13,9)
```
#850f0b
```
#850f0b rgb(133,15,11)
```
#97110c
```
#97110c rgb(151,17,12)
```
#a9140e
```
#a9140e rgb(169,20,14)
```
#bb160f
```
#bb160f rgb(187,22,15)
```
#cd1811
```
#cd1811 rgb(205,24,17)
```
#df1a12
```
#df1a12 rgb(223,26,18)
```

Shade Color Variation

#ec2119
```
#ec2119 rgb(236,33,25)
```
#ee322b
```
#ee322b rgb(238,50,43)
```
#ef443e
```
#ef443e rgb(239,68,62)
```
#f15550
```
#f15550 rgb(241,85,80)
```
#f26762
```
#f26762 rgb(242,103,98)
```
#f47874
```
#f47874 rgb(244,120,116)
```
#f58a86
```
#f58a86 rgb(245,138,134)
```
#f69c98
```
#f69c98 rgb(246,156,152)
```
#f8adaa
```
#f8adaa rgb(248,173,170)
```
#f9bfbc
```
#f9bfbc rgb(249,191,188)
```
#fbd0ce
```
#fbd0ce rgb(251,208,206)
```
#fce2e1
```
#fce2e1 rgb(252,226,225)
```
#fef3f3
```
#fef3f3 rgb(254,243,243)
```

Tint Color Variation

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

#bebdbd
```
#bebdbd rgb(190,189,189)
```
#c3b9b8
```
#c3b9b8 rgb(195,185,184)
```
#c8b4b3
```
#c8b4b3 rgb(200,180,179)
```
#cdafae
```
#cdafae rgb(205,175,174)
```
#d2aba9
```
#d2aba9 rgb(210,171,169)
```
#d7a6a4
```
#d7a6a4 rgb(215,166,164)
```
#dca19f
```
#dca19f rgb(220,161,159)
```
#e19d9a
```
#e19d9a rgb(225,157,154)
```
#e69895
```
#e69895 rgb(230,152,149)
```
#eb9390
```
#eb9390 rgb(235,147,144)
```
#f08f8b
```
#f08f8b rgb(240,143,139)
```
#f58a86
```
#f58a86 rgb(245,138,134)
```
#fa8581
```
#fa8581 rgb(250,133,129)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#b9a4a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4ac98 Protanopia 1% of men
#c9a686 Deuteranopia 1% of men
#f68e97 Tritanopia 0.001% of the population

Trichromacy

#cb9f91 Protanomaly 1% of men, 0.01% of women
#d99b86 Deuteranomaly 6% of men, 0.4% of women
#f58c91 Tritanomaly 0.01% of the population

#f58a86 hex color

#f58a86 Color Information

#f58a86 Color Conversion

Color Schemes with #f58a86

Alternatives to #f58a86

#f58a86 Preview

Shades and Tints of #f58a86

Tones of #f58a86

Color Blindness Simulator