#f86e5a Color Information
In a RGB color space, hex #f86e5a is composed of 97.3% red, 43.1% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.6% magenta, 63.7% yellow and 2.7% black. It has a hue angle of 7.6 degrees, a saturation of 91.9% and a lightness of 66.3%. #f86e5a color hex could be obtained by blending #ffdcb4 with #f10000. Closest websafe color is: #ff6666.
-
- R 97
- G 43
- B 35
-
- C 0
- M 56
- Y 64
- K 3
● #f86e5a color description : Soft red.
#f86e5a Color Conversion
The hexadecimal color #f86e5a has RGB values of R:248, G:110, B:90 and CMYK values of C:0, M:0.56, Y:0.64, K:0.03. Its decimal value is 16281178.
Hex triplet | f86e5a | #f86e5a |
---|---|---|
RGB Decimal | 248, 110, 90 | rgb(248,110,90) |
RGB Percent | 97.3, 43.1, 35.3 | rgb(97.3%,43.1%,35.3%) |
CMYK | 0, 56, 64, 3 | |
HSL | 7.6°, 91.9, 66.3 | hsl(7.6,91.9%,66.3%) |
HSV (or HSB) | 7.6°, 63.7, 97.3 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 63.22, 51.482, 37.126 |
---|---|
XYZ | 46.134, 31.851, 13.391 |
xyY | 0.505, 0.349, 31.851 |
CIE-LCH | 63.22, 63.472, 35.797 |
CIE-LUV | 63.22, 106.276, 32.759 |
Hunter-Lab | 56.437, 47.151, 25.438 |
Binary | 11111000, 01101110, 01011010 |
Color Schemes with #f86e5a
Alternatives to #f86e5a
Below, you can see some colors close to #f86e5a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f86e5a Preview
This text has a font color of #f86e5a.
<span style="color:#f86e5a;">Text here</span>
This paragraph has a background color of #f86e5a.
<p style="background-color:#f86e5a;">Content here</p>
This element has a border color of #f86e5a.
<div style="border:1px solid #f86e5a;">Content here</div>
.text {color:#f86e5a;}
.background {background-color:#f86e5a;}
.border {border:1px solid #f86e5a;}
Shades and Tints of #f86e5a
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, #040100 is the darkest color, while #fef2f1 is the lightest one.
-
#040100
#040100
rgb(4,1,0)
-
#170401
#170401
rgb(23,4,1)
-
#2a0702
#2a0702
rgb(42,7,2)
-
#3d0a03
#3d0a03
rgb(61,10,3)
-
#500d03
#500d03
rgb(80,13,3)
-
#621004
#621004
rgb(98,16,4)
-
#751305
#751305
rgb(117,19,5)
-
#881606
#881606
rgb(136,22,6)
-
#9b1907
#9b1907
rgb(155,25,7)
-
#ae1c07
#ae1c07
rgb(174,28,7)
-
#c12008
#c12008
rgb(193,32,8)
-
#d32309
#d32309
rgb(211,35,9)
-
#e6260a
#e6260a
rgb(230,38,10)
-
#f52c0f
#f52c0f
rgb(245,44,15)
-
#f63c22
#f63c22
rgb(246,60,34)
-
#f64d34
#f64d34
rgb(246,77,52)
-
#f75d47
#f75d47
rgb(247,93,71)
-
#f86e5a
#f86e5a
rgb(248,110,90)
-
#f97f6d
#f97f6d
rgb(249,127,109)
-
#fa8f80
#fa8f80
rgb(250,143,128)
-
#faa092
#faa092
rgb(250,160,146)
-
#fbb0a5
#fbb0a5
rgb(251,176,165)
-
#fcc1b8
#fcc1b8
rgb(252,193,184)
-
#fdd1cb
#fdd1cb
rgb(253,209,203)
-
#fee2de
#fee2de
rgb(254,226,222)
-
#fef2f1
#fef2f1
rgb(254,242,241)
Tones of #f86e5a
A tone is produced by adding gray to any pure hue. In this case, #afa4a3 is the less saturated color, while #ff6953 is the most saturated one.
-
#afa4a3
#afa4a3
rgb(175,164,163)
-
#b69f9c
#b69f9c
rgb(182,159,156)
-
#bc9a96
#bc9a96
rgb(188,154,150)
-
#c3968f
#c3968f
rgb(195,150,143)
-
#ca9188
#ca9188
rgb(202,145,136)
-
#d08c82
#d08c82
rgb(208,140,130)
-
#d7877b
#d7877b
rgb(215,135,123)
-
#de8274
#de8274
rgb(222,130,116)
-
#e47d6e
#e47d6e
rgb(228,125,110)
-
#eb7867
#eb7867
rgb(235,120,103)
-
#f17361
#f17361
rgb(241,115,97)
-
#f86e5a
#f86e5a
rgb(248,110,90)
-
#ff6953
#ff6953
rgb(255,105,83)
Color Blindness Simulator
Below, you can see how #f86e5a 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.