#f63316 Color Information
In a RGB color space, hex #f63316 is composed of 96.5% red, 20% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.3% magenta, 91.1% yellow and 3.5% black. It has a hue angle of 7.8 degrees, a saturation of 92.6% and a lightness of 52.5%. #f63316 color hex could be obtained by blending #ff662c with #ed0000. Closest websafe color is: #ff3300.
-
- R 96
- G 20
- B 9
-
- C 0
- M 79
- Y 91
- K 4
● #f63316 color description : Vivid red.
#f63316 Color Conversion
The hexadecimal color #f63316 has RGB values of R:246, G:51, B:22 and CMYK values of C:0, M:0.79, Y:0.91, K:0.04. Its decimal value is 16134934.
Hex triplet | f63316 | #f63316 |
---|---|---|
RGB Decimal | 246, 51, 22 | rgb(246,51,22) |
RGB Percent | 96.5, 20, 8.6 | rgb(96.5%,20%,8.6%) |
CMYK | 0, 79, 91, 4 | |
HSL | 7.8°, 92.6, 52.5 | hsl(7.8,92.6%,52.5%) |
HSV (or HSB) | 7.8°, 91.1, 96.5 | |
Web Safe | ff3300 | #ff3300 |
CIE-LAB | 54.052, 70.664, 60.786 |
---|---|
XYZ | 39.337, 22.023, 2.939 |
xyY | 0.612, 0.343, 22.023 |
CIE-LCH | 54.052, 93.212, 40.702 |
CIE-LUV | 54.052, 153.09, 38.88 |
Hunter-Lab | 46.929, 67.496, 29.138 |
Binary | 11110110, 00110011, 00010110 |
Color Schemes with #f63316
Alternatives to #f63316
Below, you can see some colors close to #f63316. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f63316 Preview
This text has a font color of #f63316.
<span style="color:#f63316;">Text here</span>
This paragraph has a background color of #f63316.
<p style="background-color:#f63316;">Content here</p>
This element has a border color of #f63316.
<div style="border:1px solid #f63316;">Content here</div>
.text {color:#f63316;}
.background {background-color:#f63316;}
.border {border:1px solid #f63316;}
Shades and Tints of #f63316
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, #0d0200 is the darkest color, while #fff9f9 is the lightest one.
-
#0d0200
#0d0200
rgb(13,2,0)
-
#1f0501
#1f0501
rgb(31,5,1)
-
#320802
#320802
rgb(50,8,2)
-
#450b03
#450b03
rgb(69,11,3)
-
#580e03
#580e03
rgb(88,14,3)
-
#6b1104
#6b1104
rgb(107,17,4)
-
#7e1505
#7e1505
rgb(126,21,5)
-
#911806
#911806
rgb(145,24,6)
-
#a41b06
#a41b06
rgb(164,27,6)
-
#b61e07
#b61e07
rgb(182,30,7)
-
#c92108
#c92108
rgb(201,33,8)
-
#dc2409
#dc2409
rgb(220,36,9)
-
#ef2709
#ef2709
rgb(239,39,9)
-
#f63316
#f63316
rgb(246,51,22)
-
#f74429
#f74429
rgb(247,68,41)
-
#f7543c
#f7543c
rgb(247,84,60)
-
#f8654f
#f8654f
rgb(248,101,79)
-
#f97562
#f97562
rgb(249,117,98)
-
#fa8674
#fa8674
rgb(250,134,116)
-
#fa9687
#fa9687
rgb(250,150,135)
-
#fba79a
#fba79a
rgb(251,167,154)
-
#fcb7ad
#fcb7ad
rgb(252,183,173)
-
#fdc8c0
#fdc8c0
rgb(253,200,192)
-
#fdd8d3
#fdd8d3
rgb(253,216,211)
-
#fee9e6
#fee9e6
rgb(254,233,230)
-
#fff9f9
#fff9f9
rgb(255,249,249)
Tones of #f63316
A tone is produced by adding gray to any pure hue. In this case, #868686 is the less saturated color, while #f63316 is the most saturated one.
-
#868686
#868686
rgb(134,134,134)
-
#907f7c
#907f7c
rgb(144,127,124)
-
#997873
#997873
rgb(153,120,115)
-
#a2716a
#a2716a
rgb(162,113,106)
-
#ac6a60
#ac6a60
rgb(172,106,96)
-
#b56357
#b56357
rgb(181,99,87)
-
#be5c4e
#be5c4e
rgb(190,92,78)
-
#c75545
#c75545
rgb(199,85,69)
-
#d14f3b
#d14f3b
rgb(209,79,59)
-
#da4832
#da4832
rgb(218,72,50)
-
#e34129
#e34129
rgb(227,65,41)
-
#ed3a1f
#ed3a1f
rgb(237,58,31)
-
#f63316
#f63316
rgb(246,51,22)
Color Blindness Simulator
Below, you can see how #f63316 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.