#f86764 Color Information
In a RGB color space, hex #f86764 is composed of 97.3% red, 40.4% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.5% magenta, 59.7% yellow and 2.7% black. It has a hue angle of 1.2 degrees, a saturation of 91.4% and a lightness of 68.2%. #f86764 color hex could be obtained by blending #ffcec8 with #f10000. Closest websafe color is: #ff6666.
-
- R 97
- G 40
- B 39
-
- C 0
- M 58
- Y 60
- K 3
● #f86764 color description : Soft red.
#f86764 Color Conversion
The hexadecimal color #f86764 has RGB values of R:248, G:103, B:100 and CMYK values of C:0, M:0.58, Y:0.6, K:0.03. Its decimal value is 16279396.
Hex triplet | f86764 | #f86764 |
---|---|---|
RGB Decimal | 248, 103, 100 | rgb(248,103,100) |
RGB Percent | 97.3, 40.4, 39.2 | rgb(97.3%,40.4%,39.2%) |
CMYK | 0, 58, 60, 3 | |
HSL | 1.2°, 91.4, 68.2 | hsl(1.2,91.4%,68.2%) |
HSV (or HSB) | 1.2°, 59.7, 97.3 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 62.153, 55.309, 30.22 |
---|---|
XYZ | 45.863, 30.582, 15.544 |
xyY | 0.499, 0.332, 30.582 |
CIE-LCH | 62.153, 63.026, 28.651 |
CIE-LUV | 62.153, 109.058, 25.035 |
Hunter-Lab | 55.301, 51.262, 22.045 |
Binary | 11111000, 01100111, 01100100 |
Color Schemes with #f86764
Alternatives to #f86764
Below, you can see some colors close to #f86764. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f86764 Preview
This text has a font color of #f86764.
<span style="color:#f86764;">Text here</span>
This paragraph has a background color of #f86764.
<p style="background-color:#f86764;">Content here</p>
This element has a border color of #f86764.
<div style="border:1px solid #f86764;">Content here</div>
.text {color:#f86764;}
.background {background-color:#f86764;}
.border {border:1px solid #f86764;}
Shades and Tints of #f86764
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, #0e0101 is the darkest color, while #fffafa is the lightest one.
-
#0e0101
#0e0101
rgb(14,1,1)
-
#210201
#210201
rgb(33,2,1)
-
#330302
#330302
rgb(51,3,2)
-
#460503
#460503
rgb(70,5,3)
-
#590604
#590604
rgb(89,6,4)
-
#6c0705
#6c0705
rgb(108,7,5)
-
#7f0806
#7f0806
rgb(127,8,6)
-
#910907
#910907
rgb(145,9,7)
-
#a40b07
#a40b07
rgb(164,11,7)
-
#b70c08
#b70c08
rgb(183,12,8)
-
#ca0d09
#ca0d09
rgb(202,13,9)
-
#dc0e0a
#dc0e0a
rgb(220,14,10)
-
#ef0f0b
#ef0f0b
rgb(239,15,11)
-
#f51d19
#f51d19
rgb(245,29,25)
-
#f5302c
#f5302c
rgb(245,48,44)
-
#f6423e
#f6423e
rgb(246,66,62)
-
#f75551
#f75551
rgb(247,85,81)
-
#f86764
#f86764
rgb(248,103,100)
-
#f97977
#f97977
rgb(249,121,119)
-
#fa8c8a
#fa8c8a
rgb(250,140,138)
-
#fb9e9c
#fb9e9c
rgb(251,158,156)
-
#fbb1af
#fbb1af
rgb(251,177,175)
-
#fcc3c2
#fcc3c2
rgb(252,195,194)
-
#fdd5d5
#fdd5d5
rgb(253,213,213)
-
#fee8e7
#fee8e7
rgb(254,232,231)
-
#fffafa
#fffafa
rgb(255,250,250)
Tones of #f86764
A tone is produced by adding gray to any pure hue. In this case, #b3a9a9 is the less saturated color, while #fe615e is the most saturated one.
-
#b3a9a9
#b3a9a9
rgb(179,169,169)
-
#baa3a2
#baa3a2
rgb(186,163,162)
-
#c09d9c
#c09d9c
rgb(192,157,156)
-
#c69796
#c69796
rgb(198,151,150)
-
#cc9190
#cc9190
rgb(204,145,144)
-
#d38b89
#d38b89
rgb(211,139,137)
-
#d98583
#d98583
rgb(217,133,131)
-
#df7f7d
#df7f7d
rgb(223,127,125)
-
#e57977
#e57977
rgb(229,121,119)
-
#ec7370
#ec7370
rgb(236,115,112)
-
#f26d6a
#f26d6a
rgb(242,109,106)
-
#f86764
#f86764
rgb(248,103,100)
-
#fe615e
#fe615e
rgb(254,97,94)
Color Blindness Simulator
Below, you can see how #f86764 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.