#f58486 hex color

In a RGB color space, hex #f58486 is composed of 96.1% red, 51.8% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.1% magenta, 45.3% yellow and 3.9% black. It has a hue angle of 358.9 degrees, a saturation of 85% and a lightness of 73.9%. #f58486 color hex could be obtained by blending #ffffff with #eb090d. Closest websafe color is: #ff9999.

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

● #f58486 color description : Soft red.

The hexadecimal color #f58486 has RGB values of R:245, G:132, B:134 and CMYK values of C:0, M:0.46, Y:0.45, K:0.04. Its decimal value is 16090246.

Hex triplet	f58486	`#f58486`
RGB Decimal	245, 132, 134	`rgb(245,132,134)`
RGB Percent	96.1, 51.8, 52.5	`rgb(96.1%,51.8%,52.5%)`
CMYK	0, 46, 45, 4
HSL	358.9°, 85, 73.9	`hsl(358.9,85%,73.9%)`
HSV (or HSB)	358.9°, 46.1, 96.1
Web Safe	ff9999	`#ff9999`

CIE-LAB	67.754, 43.185, 18.485
XYZ	50.211, 37.64, 27.174
xyY	0.437, 0.327, 37.64
CIE-LCH	67.754, 46.974, 23.173
CIE-LUV	67.754, 79.795, 15.991
Hunter-Lab	61.351, 38.723, 16.685
Binary	11110101, 10000100, 10000110

#f58486
```
#f58486 rgb(245,132,134)
```
#84f5f3
```
#84f5f3 rgb(132,245,243)
```

Complementary Color

#f584bf
```
#f584bf rgb(245,132,191)
```
#f58486
```
#f58486 rgb(245,132,134)
```
#f5bb84
```
#f5bb84 rgb(245,187,132)
```

Analogous Color

#84bff5
```
#84bff5 rgb(132,191,245)
```
#f58486
```
#f58486 rgb(245,132,134)
```
#84f5bb
```
#84f5bb rgb(132,245,187)
```

Split Complementary Color

#8486f5
```
#8486f5 rgb(132,134,245)
```
#f58486
```
#f58486 rgb(245,132,134)
```
#86f584
```
#86f584 rgb(134,245,132)
```

Triadic Color

#f384f5
```
#f384f5 rgb(243,132,245)
```
#f58486
```
#f58486 rgb(245,132,134)
```
#86f584
```
#86f584 rgb(134,245,132)
```
#84f5f3
```
#84f5f3 rgb(132,245,243)
```

Tetradic Color

#ef3d40
```
#ef3d40 rgb(239,61,64)
```
#f15558
```
#f15558 rgb(241,85,88)
```
#f36c6f
```
#f36c6f rgb(243,108,111)
```
#f58486
```
#f58486 rgb(245,132,134)
```
#f79c9d
```
#f79c9d rgb(247,156,157)
```
#f9b3b4
```
#f9b3b4 rgb(249,179,180)
```
#fbcbcc
```
#fbcbcc rgb(251,203,204)
```

Monochromatic Color

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

#f584a2
```
#f584a2 rgb(245,132,162)
```
#f58499
```
#f58499 rgb(245,132,153)
```
#f5848f
```
#f5848f rgb(245,132,143)
```
#f58486
```
#f58486 rgb(245,132,134)
```
#f58b84
```
#f58b84 rgb(245,139,132)
```
#f59584
```
#f59584 rgb(245,149,132)
```
#f59e84
```
#f59e84 rgb(245,158,132)
```

Similar Colors

Text with hexadecimal color #f58486

This text has a font color of #f58486.

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

#f58486 background color

This paragraph has a background color of #f58486.

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

#f58486 border color

This element has a border color of #f58486.

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

CSS codes

.text {color:#f58486;}

.background {background-color:#f58486;}

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

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

#040000
```
#040000 rgb(4,0,0)
```
#160202
```
#160202 rgb(22,2,2)
```
#280304
```
#280304 rgb(40,3,4)
```
#3a0506
```
#3a0506 rgb(58,5,6)
```
#4d0607
```
#4d0607 rgb(77,6,7)
```
#5f0809
```
#5f0809 rgb(95,8,9)
```
#71090b
```
#71090b rgb(113,9,11)
```
#830b0d
```
#830b0d rgb(131,11,13)
```
#950c0f
```
#950c0f rgb(149,12,15)
```
#a70e10
```
#a70e10 rgb(167,14,16)
```
#b90f12
```
#b90f12 rgb(185,15,18)
```
#cc1114
```
#cc1114 rgb(204,17,20)
```
#de1216
```
#de1216 rgb(222,18,22)
```

Shade Color Variation

#ec171b
```
#ec171b rgb(236,23,27)
```
#ee292d
```
#ee292d rgb(238,41,45)
```
#ef3b3f
```
#ef3b3f rgb(239,59,63)
```
#f14e50
```
#f14e50 rgb(241,78,80)
```
#f26062
```
#f26062 rgb(242,96,98)
```
#f47274
```
#f47274 rgb(244,114,116)
```
#f58486
```
#f58486 rgb(245,132,134)
```
#f69698
```
#f69698 rgb(246,150,152)
```
#f8a8aa
```
#f8a8aa rgb(248,168,170)
```
#f9babc
```
#f9babc rgb(249,186,188)
```
#fbcdcd
```
#fbcdcd rgb(251,205,205)
```
#fcdfdf
```
#fcdfdf rgb(252,223,223)
```
#fef1f1
```
#fef1f1 rgb(254,241,241)
```

Tint Color Variation

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

#bdbcbc
```
#bdbcbc rgb(189,188,188)
```
#c2b7b7
```
#c2b7b7 rgb(194,183,183)
```
#c7b2b2
```
#c7b2b2 rgb(199,178,178)
```
#ccadad
```
#ccadad rgb(204,173,173)
```
#d1a8a9
```
#d1a8a9 rgb(209,168,169)
```
#d6a3a4
```
#d6a3a4 rgb(214,163,164)
```
#db9e9f
```
#db9e9f rgb(219,158,159)
```
#e1989a
```
#e1989a rgb(225,152,154)
```
#e69395
```
#e69395 rgb(230,147,149)
```
#eb8e90
```
#eb8e90 rgb(235,142,144)
```
#f0898b
```
#f0898b rgb(240,137,139)
```
#f58486
```
#f58486 rgb(245,132,134)
```
#fa7f81
```
#fa7f81 rgb(250,127,129)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#b69fa0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0a99a Protanopia 1% of men
#c5a385 Deuteranopia 1% of men
#f68992 Tritanopia 0.001% of the population

Trichromacy

#c99b92 Protanomaly 1% of men, 0.01% of women
#d69785 Deuteranomaly 6% of men, 0.4% of women
#f5878d Tritanomaly 0.01% of the population

#f58486 hex color

#f58486 Color Information

#f58486 Color Conversion

Color Schemes with #f58486

Alternatives to #f58486

#f58486 Preview

Shades and Tints of #f58486

Tones of #f58486

Color Blindness Simulator