#f55412 Color Information
In a RGB color space, hex #f55412 is composed of 96.1% red, 32.9% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.7% magenta, 92.7% yellow and 3.9% black. It has a hue angle of 17.4 degrees, a saturation of 91.9% and a lightness of 51.6%. #f55412 color hex could be obtained by blending #ffa824 with #eb0000. Closest websafe color is: #ff6600.
-
- R 96
- G 33
- B 7
-
- C 0
- M 66
- Y 93
- K 4
● #f55412 color description : Vivid orange.
#f55412 Color Conversion
The hexadecimal color #f55412 has RGB values of R:245, G:84, B:18 and CMYK values of C:0, M:0.66, Y:0.93, K:0.04. Its decimal value is 16077842.
Hex triplet | f55412 | #f55412 |
---|---|---|
RGB Decimal | 245, 84, 18 | rgb(245,84,18) |
RGB Percent | 96.1, 32.9, 7.1 | rgb(96.1%,32.9%,7.1%) |
CMYK | 0, 66, 93, 4 | |
HSL | 17.4°, 91.9, 51.6 | hsl(17.4,91.9%,51.6%) |
HSV (or HSB) | 17.4°, 92.7, 96.1 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 57.848, 59.289, 64.364 |
---|---|
XYZ | 40.938, 25.802, 3.397 |
xyY | 0.584, 0.368, 25.802 |
CIE-LCH | 57.848, 87.509, 47.35 |
CIE-LUV | 57.848, 132.275, 46.362 |
Hunter-Lab | 50.795, 54.968, 31.592 |
Binary | 11110101, 01010100, 00010010 |
Color Schemes with #f55412
Alternatives to #f55412
Below, you can see some colors close to #f55412. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f55412 Preview
This text has a font color of #f55412.
<span style="color:#f55412;">Text here</span>
This paragraph has a background color of #f55412.
<p style="background-color:#f55412;">Content here</p>
This element has a border color of #f55412.
<div style="border:1px solid #f55412;">Content here</div>
.text {color:#f55412;}
.background {background-color:#f55412;}
.border {border:1px solid #f55412;}
Shades and Tints of #f55412
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, #080200 is the darkest color, while #fff7f4 is the lightest one.
-
#080200
#080200
rgb(8,2,0)
-
#1a0801
#1a0801
rgb(26,8,1)
-
#2d0f02
#2d0f02
rgb(45,15,2)
-
#401503
#401503
rgb(64,21,3)
-
#531b04
#531b04
rgb(83,27,4)
-
#662104
#662104
rgb(102,33,4)
-
#792705
#792705
rgb(121,39,5)
-
#8b2d06
#8b2d06
rgb(139,45,6)
-
#9e3307
#9e3307
rgb(158,51,7)
-
#b13907
#b13907
rgb(177,57,7)
-
#c43f08
#c43f08
rgb(196,63,8)
-
#d74509
#d74509
rgb(215,69,9)
-
#ea4b0a
#ea4b0a
rgb(234,75,10)
-
#f55412
#f55412
rgb(245,84,18)
-
#f66225
#f66225
rgb(246,98,37)
-
#f76f38
#f76f38
rgb(247,111,56)
-
#f77d4a
#f77d4a
rgb(247,125,74)
-
#f88a5d
#f88a5d
rgb(248,138,93)
-
#f99870
#f99870
rgb(249,152,112)
-
#faa583
#faa583
rgb(250,165,131)
-
#fbb396
#fbb396
rgb(251,179,150)
-
#fbc1a9
#fbc1a9
rgb(251,193,169)
-
#fccebb
#fccebb
rgb(252,206,187)
-
#fddcce
#fddcce
rgb(253,220,206)
-
#fee9e1
#fee9e1
rgb(254,233,225)
-
#fff7f4
#fff7f4
rgb(255,247,244)
Tones of #f55412
A tone is produced by adding gray to any pure hue. In this case, #8d807b is the less saturated color, while #ff5009 is the most saturated one.
-
#8d807b
#8d807b
rgb(141,128,123)
-
#967c71
#967c71
rgb(150,124,113)
-
#a07868
#a07868
rgb(160,120,104)
-
#a9745e
#a9745e
rgb(169,116,94)
-
#b37055
#b37055
rgb(179,112,85)
-
#bc6c4b
#bc6c4b
rgb(188,108,75)
-
#c66842
#c66842
rgb(198,104,66)
-
#cf6438
#cf6438
rgb(207,100,56)
-
#d9602f
#d9602f
rgb(217,96,47)
-
#e25c25
#e25c25
rgb(226,92,37)
-
#ec581c
#ec581c
rgb(236,88,28)
-
#f55412
#f55412
rgb(245,84,18)
-
#ff5009
#ff5009
rgb(255,80,9)
Color Blindness Simulator
Below, you can see how #f55412 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.