colorhexa.com

#f85c5e hex color

In a RGB color space, hex #f85c5e is composed of 97.3% red, 36.1% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.9% magenta, 62.1% yellow and 2.7% black. It has a hue angle of 359.2 degrees, a saturation of 91.8% and a lightness of 66.7%. #f85c5e color hex could be obtained by blending #ffb8bc with #f10000. Closest websafe color is: #ff6666.

- R 97
- G 36
- B 37
RGB color chart
- C 0
- M 63
- Y 62
- K 3
CMYK color chart

● #f85c5e color description : Soft red.

The hexadecimal color #f85c5e has RGB values of R:248, G:92, B:94 and CMYK values of C:0, M:0.63, Y:0.62, K:0.03. Its decimal value is 16276574.

Hex triplet	f85c5e	`#f85c5e`
RGB Decimal	248, 92, 94	`rgb(248,92,94)`
RGB Percent	97.3, 36.1, 36.9	`rgb(97.3%,36.1%,36.9%)`
CMYK	0, 63, 62, 3
HSL	359.2°, 91.8, 66.7	`hsl(359.2,91.8%,66.7%)`
HSV (or HSB)	359.2°, 62.9, 97.3
Web Safe	ff6666	`#ff6666`

CIE-LAB	60.269, 59.677, 31.21
XYZ	44.561, 28.424, 13.729
xyY	0.514, 0.328, 28.424
CIE-LCH	60.269, 67.346, 27.608
CIE-LUV	60.269, 117.699, 24.444
Hunter-Lab	53.314, 55.894, 22.052
Binary	11111000, 01011100, 01011110

#f85c5e
```
#f85c5e rgb(248,92,94)
```
#5cf8f6
```
#5cf8f6 rgb(92,248,246)
```

Complementary Color

#f85cac
```
#f85cac rgb(248,92,172)
```
#f85c5e
```
#f85c5e rgb(248,92,94)
```
#f8a85c
```
#f8a85c rgb(248,168,92)
```

Analogous Color

#5cacf8
```
#5cacf8 rgb(92,172,248)
```
#f85c5e
```
#f85c5e rgb(248,92,94)
```
#5cf8a8
```
#5cf8a8 rgb(92,248,168)
```

Split Complementary Color

#5c5ef8
```
#5c5ef8 rgb(92,94,248)
```
#f85c5e
```
#f85c5e rgb(248,92,94)
```
#5ef85c
```
#5ef85c rgb(94,248,92)
```

Triadic Color

#f65cf8
```
#f65cf8 rgb(246,92,248)
```
#f85c5e
```
#f85c5e rgb(248,92,94)
```
#5ef85c
```
#5ef85c rgb(94,248,92)
```
#5cf8f6
```
#5cf8f6 rgb(92,248,246)
```

Tetradic Color

#f51316
```
#f51316 rgb(245,19,22)
```
#f62b2e
```
#f62b2e rgb(246,43,46)
```
#f74446
```
#f74446 rgb(247,68,70)
```
#f85c5e
```
#f85c5e rgb(248,92,94)
```
#f97476
```
#f97476 rgb(249,116,118)
```
#fa8d8e
```
#fa8d8e rgb(250,141,142)
```
#fba5a6
```
#fba5a6 rgb(251,165,166)
```

Monochromatic Color

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

#f85c85
```
#f85c85 rgb(248,92,133)
```
#f85c78
```
#f85c78 rgb(248,92,120)
```
#f85c6b
```
#f85c6b rgb(248,92,107)
```
#f85c5e
```
#f85c5e rgb(248,92,94)
```
#f8675c
```
#f8675c rgb(248,103,92)
```
#f8745c
```
#f8745c rgb(248,116,92)
```
#f8815c
```
#f8815c rgb(248,129,92)
```

Similar Colors

Text with hexadecimal color #f85c5e

This text has a font color of #f85c5e.

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

#f85c5e background color

This paragraph has a background color of #f85c5e.

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

#f85c5e border color

This element has a border color of #f85c5e.

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

CSS codes

.text {color:#f85c5e;}

.background {background-color:#f85c5e;}

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

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

#060000
```
#060000 rgb(6,0,0)
```
#190101
```
#190101 rgb(25,1,1)
```
#2c0202
```
#2c0202 rgb(44,2,2)
```
#3f0303
```
#3f0303 rgb(63,3,3)
```
#510305
```
#510305 rgb(81,3,5)
```
#640406
```
#640406 rgb(100,4,6)
```
#770507
```
#770507 rgb(119,5,7)
```
#8a0608
```
#8a0608 rgb(138,6,8)
```
#9d0709
```
#9d0709 rgb(157,7,9)
```
#b0080a
```
#b0080a rgb(176,8,10)
```
#c2080b
```
#c2080b rgb(194,8,11)
```
#d5090c
```
#d5090c rgb(213,9,12)
```
#e80a0d
```
#e80a0d rgb(232,10,13)
```

Shade Color Variation

#f51114
```
#f51114 rgb(245,17,20)
```
#f62426
```
#f62426 rgb(246,36,38)
```
#f63639
```
#f63639 rgb(246,54,57)
```
#f7494b
```
#f7494b rgb(247,73,75)
```
#f85c5e
```
#f85c5e rgb(248,92,94)
```
#f96f71
```
#f96f71 rgb(249,111,113)
```
#fa8283
```
#fa8283 rgb(250,130,131)
```
#fa9496
```
#fa9496 rgb(250,148,150)
```
#fba7a8
```
#fba7a8 rgb(251,167,168)
```
#fcbabb
```
#fcbabb rgb(252,186,187)
```
#fdcdcd
```
#fdcdcd rgb(253,205,205)
```
#fee0e0
```
#fee0e0 rgb(254,224,224)
```
#fef2f3
```
#fef2f3 rgb(254,242,243)
```

Tint Color Variation

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

#b0a4a4
```
#b0a4a4 rgb(176,164,164)
```
#b79d9e
```
#b79d9e rgb(183,157,158)
```
#bd9797
```
#bd9797 rgb(189,151,151)
```
#c49091
```
#c49091 rgb(196,144,145)
```
#ca8a8b
```
#ca8a8b rgb(202,138,139)
```
#d18384
```
#d18384 rgb(209,131,132)
```
#d77d7e
```
#d77d7e rgb(215,125,126)
```
#de7677
```
#de7677 rgb(222,118,119)
```
#e47071
```
#e47071 rgb(228,112,113)
```
#eb696b
```
#eb696b rgb(235,105,107)
```
#f16364
```
#f16364 rgb(241,99,100)
```
#f85c5e
```
#f85c5e rgb(248,92,94)
```
#ff5558
```
#ff5558 rgb(255,85,88)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#a18282 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09679 Protanopia 1% of men
#b6905c Deuteranopia 1% of men
#f86369 Tritanopia 0.001% of the population

Trichromacy

#c0816f Protanomaly 1% of men, 0.01% of women
#ce7d5d Deuteranomaly 6% of men, 0.4% of women
#f86165 Tritanomaly 0.01% of the population