#f86a5b Color Information
In a RGB color space, hex #f86a5b is composed of 97.3% red, 41.6% green and 35.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.3% magenta, 63.3% yellow and 2.7% black. It has a hue angle of 5.7 degrees, a saturation of 91.8% and a lightness of 66.5%. #f86a5b color hex could be obtained by blending #ffd4b6 with #f10000. Closest websafe color is: #ff6666.
-
- R 97
- G 42
- B 36
-
- C 0
- M 57
- Y 63
- K 3
● #f86a5b color description : Soft red.
#f86a5b Color Conversion
The hexadecimal color #f86a5b has RGB values of R:248, G:106, B:91 and CMYK values of C:0, M:0.57, Y:0.63, K:0.03. Its decimal value is 16280155.
Hex triplet | f86a5b | #f86a5b |
---|---|---|
RGB Decimal | 248, 106, 91 | rgb(248,106,91) |
RGB Percent | 97.3, 41.6, 35.7 | rgb(97.3%,41.6%,35.7%) |
CMYK | 0, 57, 63, 3 | |
HSL | 5.7°, 91.8, 66.5 | hsl(5.7,91.8%,66.5%) |
HSV (or HSB) | 5.7°, 63.3, 97.3 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 62.528, 53.383, 35.724 |
---|---|
XYZ | 45.755, 31.024, 13.476 |
xyY | 0.507, 0.344, 31.024 |
CIE-LCH | 62.528, 64.233, 33.791 |
CIE-LUV | 62.528, 108.918, 30.816 |
Hunter-Lab | 55.7, 49.158, 24.645 |
Binary | 11111000, 01101010, 01011011 |
Color Schemes with #f86a5b
Alternatives to #f86a5b
Below, you can see some colors close to #f86a5b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f86a5b Preview
This text has a font color of #f86a5b.
<span style="color:#f86a5b;">Text here</span>
This paragraph has a background color of #f86a5b.
<p style="background-color:#f86a5b;">Content here</p>
This element has a border color of #f86a5b.
<div style="border:1px solid #f86a5b;">Content here</div>
.text {color:#f86a5b;}
.background {background-color:#f86a5b;}
.border {border:1px solid #f86a5b;}
Shades and Tints of #f86a5b
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, #050100 is the darkest color, while #fef3f1 is the lightest one.
-
#050100
#050100
rgb(5,1,0)
-
#180301
#180301
rgb(24,3,1)
-
#2b0602
#2b0602
rgb(43,6,2)
-
#3e0803
#3e0803
rgb(62,8,3)
-
#510b03
#510b03
rgb(81,11,3)
-
#630d04
#630d04
rgb(99,13,4)
-
#761005
#761005
rgb(118,16,5)
-
#891206
#891206
rgb(137,18,6)
-
#9c1507
#9c1507
rgb(156,21,7)
-
#af1707
#af1707
rgb(175,23,7)
-
#c11a08
#c11a08
rgb(193,26,8)
-
#d41c09
#d41c09
rgb(212,28,9)
-
#e71f0a
#e71f0a
rgb(231,31,10)
-
#f52610
#f52610
rgb(245,38,16)
-
#f63723
#f63723
rgb(246,55,35)
-
#f64835
#f64835
rgb(246,72,53)
-
#f75948
#f75948
rgb(247,89,72)
-
#f86a5b
#f86a5b
rgb(248,106,91)
-
#f97b6e
#f97b6e
rgb(249,123,110)
-
#fa8c81
#fa8c81
rgb(250,140,129)
-
#fa9d93
#fa9d93
rgb(250,157,147)
-
#fbaea6
#fbaea6
rgb(251,174,166)
-
#fcbfb9
#fcbfb9
rgb(252,191,185)
-
#fdd1cc
#fdd1cc
rgb(253,209,204)
-
#fee2df
#fee2df
rgb(254,226,223)
-
#fef3f1
#fef3f1
rgb(254,243,241)
Tones of #f86a5b
A tone is produced by adding gray to any pure hue. In this case, #b0a5a3 is the less saturated color, while #ff6554 is the most saturated one.
-
#b0a5a3
#b0a5a3
rgb(176,165,163)
-
#b69f9d
#b69f9d
rgb(182,159,157)
-
#bd9a96
#bd9a96
rgb(189,154,150)
-
#c39590
#c39590
rgb(195,149,144)
-
#ca8f89
#ca8f89
rgb(202,143,137)
-
#d18a82
#d18a82
rgb(209,138,130)
-
#d7857c
#d7857c
rgb(215,133,124)
-
#de7f75
#de7f75
rgb(222,127,117)
-
#e47a6f
#e47a6f
rgb(228,122,111)
-
#eb7568
#eb7568
rgb(235,117,104)
-
#f16f62
#f16f62
rgb(241,111,98)
-
#f86a5b
#f86a5b
rgb(248,106,91)
-
#ff6554
#ff6554
rgb(255,101,84)
Color Blindness Simulator
Below, you can see how #f86a5b 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.