#f63100 Color Information
In a RGB color space, hex #f63100 is composed of 96.5% red, 19.2% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.1% magenta, 100% yellow and 3.5% black. It has a hue angle of 12 degrees, a saturation of 100% and a lightness of 48.2%. #f63100 color hex could be obtained by blending #ff6200 with #ed0000. Closest websafe color is: #ff3300.
-
- R 96
- G 19
- B 0
-
- C 0
- M 80
- Y 100
- K 4
● #f63100 color description : Pure (or mostly pure) red.
#f63100 Color Conversion
The hexadecimal color #f63100 has RGB values of R:246, G:49, B:0 and CMYK values of C:0, M:0.8, Y:1, K:0.04. Its decimal value is 16134400.
Hex triplet | f63100 | #f63100 |
---|---|---|
RGB Decimal | 246, 49, 0 | rgb(246,49,0) |
RGB Percent | 96.5, 19.2, 0 | rgb(96.5%,19.2%,0%) |
CMYK | 0, 80, 100, 4 | |
HSL | 12°, 100, 48.2 | hsl(12,100%,48.2%) |
HSV (or HSB) | 12°, 100, 96.5 | |
Web Safe | ff3300 | #ff3300 |
CIE-LAB | 53.808, 70.986, 66.321 |
---|---|
XYZ | 39.106, 21.794, 2.148 |
xyY | 0.62, 0.346, 21.794 |
CIE-LCH | 53.808, 97.146, 43.054 |
CIE-LUV | 53.808, 155.384, 40.773 |
Hunter-Lab | 46.685, 67.827, 29.952 |
Binary | 11110110, 00110001, 00000000 |
Color Schemes with #f63100
Alternatives to #f63100
Below, you can see some colors close to #f63100. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f63100 Preview
This text has a font color of #f63100.
<span style="color:#f63100;">Text here</span>
This paragraph has a background color of #f63100.
<p style="background-color:#f63100;">Content here</p>
This element has a border color of #f63100.
<div style="border:1px solid #f63100;">Content here</div>
.text {color:#f63100;}
.background {background-color:#f63100;}
.border {border:1px solid #f63100;}
Shades and Tints of #f63100
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, #0b0200 is the darkest color, while #fff8f6 is the lightest one.
-
#0b0200
#0b0200
rgb(11,2,0)
-
#1e0600
#1e0600
rgb(30,6,0)
-
#320a00
#320a00
rgb(50,10,0)
-
#450e00
#450e00
rgb(69,14,0)
-
#591200
#591200
rgb(89,18,0)
-
#6d1600
#6d1600
rgb(109,22,0)
-
#801a00
#801a00
rgb(128,26,0)
-
#941d00
#941d00
rgb(148,29,0)
-
#a82100
#a82100
rgb(168,33,0)
-
#bb2500
#bb2500
rgb(187,37,0)
-
#cf2900
#cf2900
rgb(207,41,0)
-
#e22d00
#e22d00
rgb(226,45,0)
-
#f63100
#f63100
rgb(246,49,0)
-
#ff3b0b
#ff3b0b
rgb(255,59,11)
-
#ff4b1e
#ff4b1e
rgb(255,75,30)
-
#ff5b32
#ff5b32
rgb(255,91,50)
-
#ff6a45
#ff6a45
rgb(255,106,69)
-
#ff7a59
#ff7a59
rgb(255,122,89)
-
#ff8a6d
#ff8a6d
rgb(255,138,109)
-
#ff9a80
#ff9a80
rgb(255,154,128)
-
#ffa994
#ffa994
rgb(255,169,148)
-
#ffb9a8
#ffb9a8
rgb(255,185,168)
-
#ffc9bb
#ffc9bb
rgb(255,201,187)
-
#ffd8cf
#ffd8cf
rgb(255,216,207)
-
#ffe8e2
#ffe8e2
rgb(255,232,226)
-
#fff8f6
#fff8f6
rgb(255,248,246)
Tones of #f63100
A tone is produced by adding gray to any pure hue. In this case, #847572 is the less saturated color, while #f63100 is the most saturated one.
-
#847572
#847572
rgb(132,117,114)
-
#8e7068
#8e7068
rgb(142,112,104)
-
#976a5f
#976a5f
rgb(151,106,95)
-
#a16455
#a16455
rgb(161,100,85)
-
#aa5f4c
#aa5f4c
rgb(170,95,76)
-
#b45942
#b45942
rgb(180,89,66)
-
#bd5339
#bd5339
rgb(189,83,57)
-
#c74d2f
#c74d2f
rgb(199,77,47)
-
#d04826
#d04826
rgb(208,72,38)
-
#da421c
#da421c
rgb(218,66,28)
-
#e33c13
#e33c13
rgb(227,60,19)
-
#ed3709
#ed3709
rgb(237,55,9)
-
#f63100
#f63100
rgb(246,49,0)
Color Blindness Simulator
Below, you can see how #f63100 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.