#f86345 Color Information
In a RGB color space, hex #f86345 is composed of 97.3% red, 38.8% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.1% magenta, 72.2% yellow and 2.7% black. It has a hue angle of 10.1 degrees, a saturation of 92.7% and a lightness of 62.2%. #f86345 color hex could be obtained by blending #ffc68a with #f10000. Closest websafe color is: #ff6633.
-
- R 97
- G 39
- B 27
-
- C 0
- M 60
- Y 72
- K 3
● #f86345 color description : Bright red.
#f86345 Color Conversion
The hexadecimal color #f86345 has RGB values of R:248, G:99, B:69 and CMYK values of C:0, M:0.6, Y:0.72, K:0.03. Its decimal value is 16278341.
Hex triplet | f86345 | #f86345 |
---|---|---|
RGB Decimal | 248, 99, 69 | rgb(248,99,69) |
RGB Percent | 97.3, 38.8, 27.1 | rgb(97.3%,38.8%,27.1%) |
CMYK | 0, 60, 72, 3 | |
HSL | 10.1°, 92.7, 62.2 | hsl(10.1,92.7%,62.2%) |
HSV (or HSB) | 10.1°, 72.2, 97.3 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 61.058, 55.371, 45.873 |
---|---|
XYZ | 44.249, 29.314, 8.958 |
xyY | 0.536, 0.355, 29.314 |
CIE-LCH | 61.058, 71.905, 39.641 |
CIE-LUV | 61.058, 117.985, 38.201 |
Hunter-Lab | 54.143, 51.132, 28.09 |
Binary | 11111000, 01100011, 01000101 |
Color Schemes with #f86345
Alternatives to #f86345
Below, you can see some colors close to #f86345. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f86345 Preview
This text has a font color of #f86345.
<span style="color:#f86345;">Text here</span>
This paragraph has a background color of #f86345.
<p style="background-color:#f86345;">Content here</p>
This element has a border color of #f86345.
<div style="border:1px solid #f86345;">Content here</div>
.text {color:#f86345;}
.background {background-color:#f86345;}
.border {border:1px solid #f86345;}
Shades and Tints of #f86345
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, #030100 is the darkest color, while #fef2ef is the lightest one.
-
#030100
#030100
rgb(3,1,0)
-
#160401
#160401
rgb(22,4,1)
-
#290802
#290802
rgb(41,8,2)
-
#3c0c02
#3c0c02
rgb(60,12,2)
-
#4f1003
#4f1003
rgb(79,16,3)
-
#621304
#621304
rgb(98,19,4)
-
#741704
#741704
rgb(116,23,4)
-
#871b05
#871b05
rgb(135,27,5)
-
#9a1f06
#9a1f06
rgb(154,31,6)
-
#ad2207
#ad2207
rgb(173,34,7)
-
#c02607
#c02607
rgb(192,38,7)
-
#d32a08
#d32a08
rgb(211,42,8)
-
#e62e09
#e62e09
rgb(230,46,9)
-
#f6330c
#f6330c
rgb(246,51,12)
-
#f7431f
#f7431f
rgb(247,67,31)
-
#f75332
#f75332
rgb(247,83,50)
-
#f86345
#f86345
rgb(248,99,69)
-
#f97358
#f97358
rgb(249,115,88)
-
#f9836b
#f9836b
rgb(249,131,107)
-
#fa937e
#fa937e
rgb(250,147,126)
-
#fba291
#fba291
rgb(251,162,145)
-
#fcb2a4
#fcb2a4
rgb(252,178,164)
-
#fcc2b6
#fcc2b6
rgb(252,194,182)
-
#fdd2c9
#fdd2c9
rgb(253,210,201)
-
#fee2dc
#fee2dc
rgb(254,226,220)
-
#fef2ef
#fef2ef
rgb(254,242,239)
Tones of #f86345
A tone is produced by adding gray to any pure hue. In this case, #9f9e9e is the less saturated color, while #f86345 is the most saturated one.
-
#9f9e9e
#9f9e9e
rgb(159,158,158)
-
#a69997
#a69997
rgb(166,153,151)
-
#ae948f
#ae948f
rgb(174,148,143)
-
#b58f88
#b58f88
rgb(181,143,136)
-
#bd8a80
#bd8a80
rgb(189,138,128)
-
#c48679
#c48679
rgb(196,134,121)
-
#cb8172
#cb8172
rgb(203,129,114)
-
#d37c6a
#d37c6a
rgb(211,124,106)
-
#da7763
#da7763
rgb(218,119,99)
-
#e2725b
#e2725b
rgb(226,114,91)
-
#e96d54
#e96d54
rgb(233,109,84)
-
#f1684c
#f1684c
rgb(241,104,76)
-
#f86345
#f86345
rgb(248,99,69)
Color Blindness Simulator
Below, you can see how #f86345 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.