#f86a5c Color Information
In a RGB color space, hex #f86a5c is composed of 97.3% red, 41.6% green and 36.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.3% magenta, 62.9% yellow and 2.7% black. It has a hue angle of 5.4 degrees, a saturation of 91.8% and a lightness of 66.7%. #f86a5c color hex could be obtained by blending #ffd4b8 with #f10000. Closest websafe color is: #ff6666.
-
- R 97
- G 42
- B 36
-
- C 0
- M 57
- Y 63
- K 3
● #f86a5c color description : Soft red.
#f86a5c Color Conversion
The hexadecimal color #f86a5c has RGB values of R:248, G:106, B:92 and CMYK values of C:0, M:0.57, Y:0.63, K:0.03. Its decimal value is 16280156.
Hex triplet | f86a5c | #f86a5c |
---|---|---|
RGB Decimal | 248, 106, 92 | rgb(248,106,92) |
RGB Percent | 97.3, 41.6, 36.1 | rgb(97.3%,41.6%,36.1%) |
CMYK | 0, 57, 63, 3 | |
HSL | 5.4°, 91.8, 66.7 | hsl(5.4,91.8%,66.7%) |
HSV (or HSB) | 5.4°, 62.9, 97.3 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 62.543, 53.443, 35.189 |
---|---|
XYZ | 45.799, 31.042, 13.705 |
xyY | 0.506, 0.343, 31.042 |
CIE-LCH | 62.543, 63.988, 33.362 |
CIE-LUV | 62.543, 108.715, 30.315 |
Hunter-Lab | 55.715, 49.229, 24.417 |
Binary | 11111000, 01101010, 01011100 |
Color Schemes with #f86a5c
Alternatives to #f86a5c
Below, you can see some colors close to #f86a5c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f86a5c Preview
This text has a font color of #f86a5c.
<span style="color:#f86a5c;">Text here</span>
This paragraph has a background color of #f86a5c.
<p style="background-color:#f86a5c;">Content here</p>
This element has a border color of #f86a5c.
<div style="border:1px solid #f86a5c;">Content here</div>
.text {color:#f86a5c;}
.background {background-color:#f86a5c;}
.border {border:1px solid #f86a5c;}
Shades and Tints of #f86a5c
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, #060100 is the darkest color, while #fef4f2 is the lightest one.
-
#060100
#060100
rgb(6,1,0)
-
#190301
#190301
rgb(25,3,1)
-
#2c0602
#2c0602
rgb(44,6,2)
-
#3f0803
#3f0803
rgb(63,8,3)
-
#510b03
#510b03
rgb(81,11,3)
-
#640d04
#640d04
rgb(100,13,4)
-
#770f05
#770f05
rgb(119,15,5)
-
#8a1206
#8a1206
rgb(138,18,6)
-
#9d1407
#9d1407
rgb(157,20,7)
-
#b01708
#b01708
rgb(176,23,8)
-
#c21908
#c21908
rgb(194,25,8)
-
#d51b09
#d51b09
rgb(213,27,9)
-
#e81e0a
#e81e0a
rgb(232,30,10)
-
#f52511
#f52511
rgb(245,37,17)
-
#f63624
#f63624
rgb(246,54,36)
-
#f64836
#f64836
rgb(246,72,54)
-
#f75949
#f75949
rgb(247,89,73)
-
#f86a5c
#f86a5c
rgb(248,106,92)
-
#f97b6f
#f97b6f
rgb(249,123,111)
-
#fa8c82
#fa8c82
rgb(250,140,130)
-
#fa9e94
#fa9e94
rgb(250,158,148)
-
#fbafa7
#fbafa7
rgb(251,175,167)
-
#fcc0ba
#fcc0ba
rgb(252,192,186)
-
#fdd1cd
#fdd1cd
rgb(253,209,205)
-
#fee2e0
#fee2e0
rgb(254,226,224)
-
#fef4f2
#fef4f2
rgb(254,244,242)
Tones of #f86a5c
A tone is produced by adding gray to any pure hue. In this case, #b0a5a4 is the less saturated color, while #ff6555 is the most saturated one.
-
#b0a5a4
#b0a5a4
rgb(176,165,164)
-
#b7a09d
#b7a09d
rgb(183,160,157)
-
#bd9a97
#bd9a97
rgb(189,154,151)
-
#c49590
#c49590
rgb(196,149,144)
-
#ca908a
#ca908a
rgb(202,144,138)
-
#d18a83
#d18a83
rgb(209,138,131)
-
#d7857d
#d7857d
rgb(215,133,125)
-
#de7f76
#de7f76
rgb(222,127,118)
-
#e47a70
#e47a70
rgb(228,122,112)
-
#eb7569
#eb7569
rgb(235,117,105)
-
#f16f63
#f16f63
rgb(241,111,99)
-
#f86a5c
#f86a5c
rgb(248,106,92)
-
#ff6555
#ff6555
rgb(255,101,85)
Color Blindness Simulator
Below, you can see how #f86a5c 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.