#f85e55 Color Information
In a RGB color space, hex #f85e55 is composed of 97.3% red, 36.9% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.1% magenta, 65.7% yellow and 2.7% black. It has a hue angle of 3.3 degrees, a saturation of 92.1% and a lightness of 65.3%. #f85e55 color hex could be obtained by blending #ffbcaa with #f10000. Closest websafe color is: #ff6666.
-
- R 97
- G 37
- B 33
-
- C 0
- M 62
- Y 66
- K 3
● #f85e55 color description : Soft red.
#f85e55 Color Conversion
The hexadecimal color #f85e55 has RGB values of R:248, G:94, B:85 and CMYK values of C:0, M:0.62, Y:0.66, K:0.03. Its decimal value is 16277077.
Hex triplet | f85e55 | #f85e55 |
---|---|---|
RGB Decimal | 248, 94, 85 | rgb(248,94,85) |
RGB Percent | 97.3, 36.9, 33.3 | rgb(97.3%,36.9%,33.3%) |
CMYK | 0, 62, 66, 3 | |
HSL | 3.3°, 92.1, 65.3 | hsl(3.3,92.1%,65.3%) |
HSV (or HSB) | 3.3°, 65.7, 97.3 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 60.447, 58.316, 36.498 |
---|---|
XYZ | 44.355, 28.622, 11.783 |
xyY | 0.523, 0.338, 28.622 |
CIE-LCH | 60.447, 68.795, 32.041 |
CIE-LUV | 60.447, 118.423, 29.639 |
Hunter-Lab | 53.5, 54.365, 24.392 |
Binary | 11111000, 01011110, 01010101 |
Color Schemes with #f85e55
Alternatives to #f85e55
Below, you can see some colors close to #f85e55. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f85e55 Preview
This text has a font color of #f85e55.
<span style="color:#f85e55;">Text here</span>
This paragraph has a background color of #f85e55.
<p style="background-color:#f85e55;">Content here</p>
This element has a border color of #f85e55.
<div style="border:1px solid #f85e55;">Content here</div>
.text {color:#f85e55;}
.background {background-color:#f85e55;}
.border {border:1px solid #f85e55;}
Shades and Tints of #f85e55
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, #120201 is the darkest color, while #ffffff is the lightest one.
-
#120201
#120201
rgb(18,2,1)
-
#250402
#250402
rgb(37,4,2)
-
#380502
#380502
rgb(56,5,2)
-
#4b0703
#4b0703
rgb(75,7,3)
-
#5e0904
#5e0904
rgb(94,9,4)
-
#710b05
#710b05
rgb(113,11,5)
-
#830c05
#830c05
rgb(131,12,5)
-
#960e06
#960e06
rgb(150,14,6)
-
#a91007
#a91007
rgb(169,16,7)
-
#bc1208
#bc1208
rgb(188,18,8)
-
#cf1309
#cf1309
rgb(207,19,9)
-
#e21509
#e21509
rgb(226,21,9)
-
#f4170a
#f4170a
rgb(244,23,10)
-
#f6281c
#f6281c
rgb(246,40,28)
-
#f63a2f
#f63a2f
rgb(246,58,47)
-
#f74c42
#f74c42
rgb(247,76,66)
-
#f85e55
#f85e55
rgb(248,94,85)
-
#f97068
#f97068
rgb(249,112,104)
-
#fa827b
#fa827b
rgb(250,130,123)
-
#fa948e
#fa948e
rgb(250,148,142)
-
#fba5a0
#fba5a0
rgb(251,165,160)
-
#fcb7b3
#fcb7b3
rgb(252,183,179)
-
#fdc9c6
#fdc9c6
rgb(253,201,198)
-
#fddbd9
#fddbd9
rgb(253,219,217)
-
#feedec
#feedec
rgb(254,237,236)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #f85e55
A tone is produced by adding gray to any pure hue. In this case, #ada1a0 is the less saturated color, while #ff584e is the most saturated one.
-
#ada1a0
#ada1a0
rgb(173,161,160)
-
#b49b99
#b49b99
rgb(180,155,153)
-
#bb9592
#bb9592
rgb(187,149,146)
-
#c28e8b
#c28e8b
rgb(194,142,139)
-
#c88885
#c88885
rgb(200,136,133)
-
#cf827e
#cf827e
rgb(207,130,126)
-
#d67c77
#d67c77
rgb(214,124,119)
-
#dd7670
#dd7670
rgb(221,118,112)
-
#e47069
#e47069
rgb(228,112,105)
-
#ea6a63
#ea6a63
rgb(234,106,99)
-
#f1645c
#f1645c
rgb(241,100,92)
-
#f85e55
#f85e55
rgb(248,94,85)
-
#ff584e
#ff584e
rgb(255,88,78)
Color Blindness Simulator
Below, you can see how #f85e55 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.