#f85155 Color Information
In a RGB color space, hex #f85155 is composed of 97.3% red, 31.8% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.3% magenta, 65.7% yellow and 2.7% black. It has a hue angle of 358.6 degrees, a saturation of 92.3% and a lightness of 64.5%. #f85155 color hex could be obtained by blending #ffa2aa with #f10000. Closest websafe color is: #ff6666.
-
- R 97
- G 32
- B 33
-
- C 0
- M 67
- Y 66
- K 3
● #f85155 color description : Soft red.
#f85155 Color Conversion
The hexadecimal color #f85155 has RGB values of R:248, G:81, B:85 and CMYK values of C:0, M:0.67, Y:0.66, K:0.03. Its decimal value is 16273749.
| Hex triplet | f85155 | #f85155 |
|---|---|---|
| RGB Decimal | 248, 81, 85 | rgb(248,81,85) |
| RGB Percent | 97.3, 31.8, 33.3 | rgb(97.3%,31.8%,33.3%) |
| CMYK | 0, 67, 66, 3 | |
| HSL | 358.6°, 92.3, 64.5 | hsl(358.6,92.3%,64.5%) |
| HSV (or HSB) | 358.6°, 67.3, 97.3 | |
| Web Safe | ff6666 | #ff6666 |
| CIE-LAB | 58.51, 63.548, 34.121 |
|---|---|
| XYZ | 43.295, 26.502, 11.429 |
| xyY | 0.533, 0.326, 26.502 |
| CIE-LCH | 58.51, 72.129, 28.233 |
| CIE-LUV | 58.51, 126.771, 25.623 |
| Hunter-Lab | 51.48, 60.03, 22.873 |
| Binary | 11111000, 01010001, 01010101 |
Color Schemes with #f85155
Alternatives to #f85155
Below, you can see some colors close to #f85155. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f85155 Preview
This text has a font color of #f85155.
<span style="color:#f85155;">Text here</span>
This paragraph has a background color of #f85155.
<p style="background-color:#f85155;">Content here</p>
This element has a border color of #f85155.
<div style="border:1px solid #f85155;">Content here</div>
.text {color:#f85155;}
.background {background-color:#f85155;}
.border {border:1px solid #f85155;}
Shades and Tints of #f85155
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, #0f0101 is the darkest color, while #fffbfb is the lightest one.
-
#0f0101
#0f0101rgb(15,1,1) -
#210102
#210102rgb(33,1,2) -
#340203
#340203rgb(52,2,3) -
#470304
#470304rgb(71,3,4) -
#5a0406
#5a0406rgb(90,4,6) -
#6d0407
#6d0407rgb(109,4,7) -
#800508
#800508rgb(128,5,8) -
#930609
#930609rgb(147,6,9) -
#a5070a
#a5070argb(165,7,10) -
#b8070c
#b8070crgb(184,7,12) -
#cb080d
#cb080drgb(203,8,13) -
#de090e
#de090ergb(222,9,14) -
#f10a0f
#f10a0frgb(241,10,15)
-
#f6181e
#f6181ergb(246,24,30) -
#f62b30
#f62b30rgb(246,43,48) -
#f73e43
#f73e43rgb(247,62,67) -
#f85155
#f85155rgb(248,81,85) -
#f96467
#f96467rgb(249,100,103) -
#fa777a
#fa777argb(250,119,122) -
#fa8a8c
#fa8a8crgb(250,138,140) -
#fb9c9f
#fb9c9frgb(251,156,159) -
#fcafb1
#fcafb1rgb(252,175,177) -
#fdc2c4
#fdc2c4rgb(253,194,196) -
#fdd5d6
#fdd5d6rgb(253,213,214) -
#fee8e8
#fee8e8rgb(254,232,232) -
#fffbfb
#fffbfbrgb(255,251,251)
Tones of #f85155
A tone is produced by adding gray to any pure hue. In this case, #ab9e9e is the less saturated color, while #ff4a4e is the most saturated one.
-
#ab9e9e
#ab9e9ergb(171,158,158) -
#b29797
#b29797rgb(178,151,151) -
#b99091
#b99091rgb(185,144,145) -
#c0898a
#c0898argb(192,137,138) -
#c78283
#c78283rgb(199,130,131) -
#ce7b7d
#ce7b7drgb(206,123,125) -
#d57476
#d57476rgb(213,116,118) -
#dc6d70
#dc6d70rgb(220,109,112) -
#e36669
#e36669rgb(227,102,105) -
#ea5f62
#ea5f62rgb(234,95,98) -
#f1585c
#f1585crgb(241,88,92) -
#f85155
#f85155rgb(248,81,85) -
#ff4a4e
#ff4a4ergb(255,74,78)
Color Blindness Simulator
Below, you can see how #f85155 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.
