#f58580 hex color

In a RGB color space, hex #f58580 is composed of 96.1% red, 52.2% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.7% magenta, 47.8% yellow and 3.9% black. It has a hue angle of 2.6 degrees, a saturation of 85.4% and a lightness of 73.1%. #f58580 color hex could be obtained by blending #ffffff with #eb0b01. Closest websafe color is: #ff9999.

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

● #f58580 color description : Soft red.

The hexadecimal color #f58580 has RGB values of R:245, G:133, B:128 and CMYK values of C:0, M:0.46, Y:0.48, K:0.04. Its decimal value is 16090496.

Hex triplet	f58580	`#f58580`
RGB Decimal	245, 133, 128	`rgb(245,133,128)`
RGB Percent	96.1, 52.2, 50.2	`rgb(96.1%,52.2%,50.2%)`
CMYK	0, 46, 48, 4
HSL	2.6°, 85.4, 73.1	`hsl(2.6,85.4%,73.1%)`
HSV (or HSB)	2.6°, 47.8, 96.1
Web Safe	ff9999	`#ff9999`

CIE-LAB	67.836, 42.107, 21.95
XYZ	49.941, 37.75, 25.077
xyY	0.443, 0.335, 37.75
CIE-LCH	67.836, 47.485, 27.533
CIE-LUV	67.836, 80.319, 20.32
Hunter-Lab	61.441, 37.568, 18.809
Binary	11110101, 10000101, 10000000

#f58580
```
#f58580 rgb(245,133,128)
```
#80f0f5
```
#80f0f5 rgb(128,240,245)
```

Complementary Color

#f580b6
```
#f580b6 rgb(245,128,182)
```
#f58580
```
#f58580 rgb(245,133,128)
```
#f5c080
```
#f5c080 rgb(245,192,128)
```

Analogous Color

#80b6f5
```
#80b6f5 rgb(128,182,245)
```
#f58580
```
#f58580 rgb(245,133,128)
```
#80f5c0
```
#80f5c0 rgb(128,245,192)
```

Split Complementary Color

#8580f5
```
#8580f5 rgb(133,128,245)
```
#f58580
```
#f58580 rgb(245,133,128)
```
#80f585
```
#80f585 rgb(128,245,133)
```

Triadic Color

#f580f0
```
#f580f0 rgb(245,128,240)
```
#f58580
```
#f58580 rgb(245,133,128)
```
#80f585
```
#80f585 rgb(128,245,133)
```
#80f0f5
```
#80f0f5 rgb(128,240,245)
```

Tetradic Color

#ef4139
```
#ef4139 rgb(239,65,57)
```
#f15851
```
#f15851 rgb(241,88,81)
```
#f36e68
```
#f36e68 rgb(243,110,104)
```
#f58580
```
#f58580 rgb(245,133,128)
```
#f79c98
```
#f79c98 rgb(247,156,152)
```
#f9b2af
```
#f9b2af rgb(249,178,175)
```
#fbc9c7
```
#fbc9c7 rgb(251,201,199)
```

Monochromatic Color

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

#f58098
```
#f58098 rgb(245,128,152)
```
#f5808f
```
#f5808f rgb(245,128,143)
```
#f58085
```
#f58085 rgb(245,128,133)
```
#f58580
```
#f58580 rgb(245,133,128)
```
#f58f80
```
#f58f80 rgb(245,143,128)
```
#f59980
```
#f59980 rgb(245,153,128)
```
#f5a280
```
#f5a280 rgb(245,162,128)
```

Similar Colors

Text with hexadecimal color #f58580

This text has a font color of #f58580.

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

#f58580 background color

This paragraph has a background color of #f58580.

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

#f58580 border color

This element has a border color of #f58580.

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

CSS codes

.text {color:#f58580;}

.background {background-color:#f58580;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#120201
```
#120201 rgb(18,2,1)
```
#250403
```
#250403 rgb(37,4,3)
```
#370604
```
#370604 rgb(55,6,4)
```
#490906
```
#490906 rgb(73,9,6)
```
#5b0b07
```
#5b0b07 rgb(91,11,7)
```
#6d0d09
```
#6d0d09 rgb(109,13,9)
```
#800f0a
```
#800f0a rgb(128,15,10)
```
#92110b
```
#92110b rgb(146,17,11)
```
#a4130d
```
#a4130d rgb(164,19,13)
```
#b6160e
```
#b6160e rgb(182,22,14)
```
#c81810
```
#c81810 rgb(200,24,16)
```
#da1a11
```
#da1a11 rgb(218,26,17)
```

Shade Color Variation

#ec1c13
```
#ec1c13 rgb(236,28,19)
```
#ee2e25
```
#ee2e25 rgb(238,46,37)
```
#ef3f37
```
#ef3f37 rgb(239,63,55)
```
#f15149
```
#f15149 rgb(241,81,73)
```
#f2625c
```
#f2625c rgb(242,98,92)
```
#f4746e
```
#f4746e rgb(244,116,110)
```
#f58580
```
#f58580 rgb(245,133,128)
```
#f69692
```
#f69692 rgb(246,150,146)
```
#f8a8a4
```
#f8a8a4 rgb(248,168,164)
```
#f9b9b7
```
#f9b9b7 rgb(249,185,183)
```
#fbcbc9
```
#fbcbc9 rgb(251,203,201)
```
#fcdcdb
```
#fcdcdb rgb(252,220,219)
```
#feeeed
```
#feeeed rgb(254,238,237)
```

Tint Color Variation

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

#bbbaba
```
#bbbaba rgb(187,186,186)
```
#c0b5b5
```
#c0b5b5 rgb(192,181,181)
```
#c6b0af
```
#c6b0af rgb(198,176,175)
```
#cbacaa
```
#cbacaa rgb(203,172,170)
```
#d0a7a5
```
#d0a7a5 rgb(208,167,165)
```
#d5a2a0
```
#d5a2a0 rgb(213,162,160)
```
#db9d9a
```
#db9d9a rgb(219,157,154)
```
#e09895
```
#e09895 rgb(224,152,149)
```
#e59390
```
#e59390 rgb(229,147,144)
```
#ea8f8b
```
#ea8f8b rgb(234,143,139)
```
#f08a85
```
#f08a85 rgb(240,138,133)
```
#f58580
```
#f58580 rgb(245,133,128)
```
#fa807b
```
#fa807b rgb(250,128,123)
```

Tone Color Variation

Below, you can see how #f58580 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
#b69f9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2a993 Protanopia 1% of men
#c7a380 Deuteranopia 1% of men
#f68992 Tritanopia 0.001% of the population

Trichromacy

#ca9c8c Protanomaly 1% of men, 0.01% of women
#d89880 Deuteranomaly 6% of men, 0.4% of women
#f5878b Tritanomaly 0.01% of the population

#f58580 hex color

#f58580 Color Information

#f58580 Color Conversion

Color Schemes with #f58580

Alternatives to #f58580

#f58580 Preview

Shades and Tints of #f58580

Tones of #f58580

Color Blindness Simulator