#f86356 Color Information
In a RGB color space, hex #f86356 is composed of 97.3% red, 38.8% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.1% magenta, 65.3% yellow and 2.7% black. It has a hue angle of 4.8 degrees, a saturation of 92% and a lightness of 65.5%. #f86356 color hex could be obtained by blending #ffc6ac with #f10000. Closest websafe color is: #ff6666.
-
- R 97
- G 39
- B 34
-
- C 0
- M 60
- Y 65
- K 3
● #f86356 color description : Soft red.
#f86356 Color Conversion
The hexadecimal color #f86356 has RGB values of R:248, G:99, B:86 and CMYK values of C:0, M:0.6, Y:0.65, K:0.03. Its decimal value is 16278358.
Hex triplet | f86356 | #f86356 |
---|---|---|
RGB Decimal | 248, 99, 86 | rgb(248,99,86) |
RGB Percent | 97.3, 38.8, 33.7 | rgb(97.3%,38.8%,33.7%) |
CMYK | 0, 60, 65, 3 | |
HSL | 4.8°, 92, 65.5 | hsl(4.8,92%,65.5%) |
HSV (or HSB) | 4.8°, 65.3, 97.3 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 61.27, 56.218, 36.945 |
---|---|
XYZ | 44.855, 29.557, 12.147 |
xyY | 0.518, 0.341, 29.557 |
CIE-LCH | 61.27, 67.272, 33.312 |
CIE-LUV | 61.27, 114.81, 30.819 |
Hunter-Lab | 54.366, 52.131, 24.809 |
Binary | 11111000, 01100011, 01010110 |
Color Schemes with #f86356
Alternatives to #f86356
Below, you can see some colors close to #f86356. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f86356 Preview
This text has a font color of #f86356.
<span style="color:#f86356;">Text here</span>
This paragraph has a background color of #f86356.
<p style="background-color:#f86356;">Content here</p>
This element has a border color of #f86356.
<div style="border:1px solid #f86356;">Content here</div>
.text {color:#f86356;}
.background {background-color:#f86356;}
.border {border:1px solid #f86356;}
Shades and Tints of #f86356
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, #010000 is the darkest color, while #feeeed is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#130201
#130201
rgb(19,2,1)
-
#260502
#260502
rgb(38,5,2)
-
#390702
#390702
rgb(57,7,2)
-
#4c0903
#4c0903
rgb(76,9,3)
-
#5f0b04
#5f0b04
rgb(95,11,4)
-
#720d05
#720d05
rgb(114,13,5)
-
#841005
#841005
rgb(132,16,5)
-
#971206
#971206
rgb(151,18,6)
-
#aa1407
#aa1407
rgb(170,20,7)
-
#bd1608
#bd1608
rgb(189,22,8)
-
#d01909
#d01909
rgb(208,25,9)
-
#e31b09
#e31b09
rgb(227,27,9)
-
#f51d0b
#f51d0b
rgb(245,29,11)
-
#f62f1d
#f62f1d
rgb(246,47,29)
-
#f64030
#f64030
rgb(246,64,48)
-
#f75243
#f75243
rgb(247,82,67)
-
#f86356
#f86356
rgb(248,99,86)
-
#f97469
#f97469
rgb(249,116,105)
-
#fa867c
#fa867c
rgb(250,134,124)
-
#fa978f
#fa978f
rgb(250,151,143)
-
#fba9a1
#fba9a1
rgb(251,169,161)
-
#fcbab4
#fcbab4
rgb(252,186,180)
-
#fdcbc7
#fdcbc7
rgb(253,203,199)
-
#fdddda
#fdddda
rgb(253,221,218)
-
#feeeed
#feeeed
rgb(254,238,237)
Tones of #f86356
A tone is produced by adding gray to any pure hue. In this case, #aea2a0 is the less saturated color, while #ff5d4f is the most saturated one.
-
#aea2a0
#aea2a0
rgb(174,162,160)
-
#b49c9a
#b49c9a
rgb(180,156,154)
-
#bb9693
#bb9693
rgb(187,150,147)
-
#c2908c
#c2908c
rgb(194,144,140)
-
#c98b85
#c98b85
rgb(201,139,133)
-
#cf857f
#cf857f
rgb(207,133,127)
-
#d67f78
#d67f78
rgb(214,127,120)
-
#dd7a71
#dd7a71
rgb(221,122,113)
-
#e4746a
#e4746a
rgb(228,116,106)
-
#ea6e64
#ea6e64
rgb(234,110,100)
-
#f1695d
#f1695d
rgb(241,105,93)
-
#f86356
#f86356
rgb(248,99,86)
-
#ff5d4f
#ff5d4f
rgb(255,93,79)
Color Blindness Simulator
Below, you can see how #f86356 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.