#f55312 Color Information
In a RGB color space, hex #f55312 is composed of 96.1% red, 32.5% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.1% magenta, 92.7% yellow and 3.9% black. It has a hue angle of 17.2 degrees, a saturation of 91.9% and a lightness of 51.6%. #f55312 color hex could be obtained by blending #ffa624 with #eb0000. Closest websafe color is: #ff6600.
-
- R 96
- G 33
- B 7
-
- C 0
- M 66
- Y 93
- K 4
● #f55312 color description : Vivid orange.
#f55312 Color Conversion
The hexadecimal color #f55312 has RGB values of R:245, G:83, B:18 and CMYK values of C:0, M:0.66, Y:0.93, K:0.04. Its decimal value is 16077586.
Hex triplet | f55312 | #f55312 |
---|---|---|
RGB Decimal | 245, 83, 18 | rgb(245,83,18) |
RGB Percent | 96.1, 32.5, 7.1 | rgb(96.1%,32.5%,7.1%) |
CMYK | 0, 66, 93, 4 | |
HSL | 17.2°, 91.9, 51.6 | hsl(17.2,91.9%,51.6%) |
HSV (or HSB) | 17.2°, 92.7, 96.1 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 57.701, 59.687, 64.269 |
---|---|
XYZ | 40.861, 25.647, 3.371 |
xyY | 0.585, 0.367, 25.647 |
CIE-LCH | 57.701, 87.71, 47.117 |
CIE-LUV | 57.701, 132.994, 46.106 |
Hunter-Lab | 50.643, 55.394, 31.504 |
Binary | 11110101, 01010011, 00010010 |
Color Schemes with #f55312
Alternatives to #f55312
Below, you can see some colors close to #f55312. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f55312 Preview
This text has a font color of #f55312.
<span style="color:#f55312;">Text here</span>
This paragraph has a background color of #f55312.
<p style="background-color:#f55312;">Content here</p>
This element has a border color of #f55312.
<div style="border:1px solid #f55312;">Content here</div>
.text {color:#f55312;}
.background {background-color:#f55312;}
.border {border:1px solid #f55312;}
Shades and Tints of #f55312
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)
-
#2d0e02
#2d0e02
rgb(45,14,2)
-
#401403
#401403
rgb(64,20,3)
-
#531a04
#531a04
rgb(83,26,4)
-
#662004
#662004
rgb(102,32,4)
-
#792605
#792605
rgb(121,38,5)
-
#8b2c06
#8b2c06
rgb(139,44,6)
-
#9e3207
#9e3207
rgb(158,50,7)
-
#b13807
#b13807
rgb(177,56,7)
-
#c43e08
#c43e08
rgb(196,62,8)
-
#d74409
#d74409
rgb(215,68,9)
-
#ea4a0a
#ea4a0a
rgb(234,74,10)
-
#f55312
#f55312
rgb(245,83,18)
-
#f66125
#f66125
rgb(246,97,37)
-
#f76e38
#f76e38
rgb(247,110,56)
-
#f77c4a
#f77c4a
rgb(247,124,74)
-
#f88a5d
#f88a5d
rgb(248,138,93)
-
#f99770
#f99770
rgb(249,151,112)
-
#faa583
#faa583
rgb(250,165,131)
-
#fbb396
#fbb396
rgb(251,179,150)
-
#fbc0a9
#fbc0a9
rgb(251,192,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 #f55312
A tone is produced by adding gray to any pure hue. In this case, #8d807b is the less saturated color, while #ff4f09 is the most saturated one.
-
#8d807b
#8d807b
rgb(141,128,123)
-
#967c71
#967c71
rgb(150,124,113)
-
#a07868
#a07868
rgb(160,120,104)
-
#a9735e
#a9735e
rgb(169,115,94)
-
#b36f55
#b36f55
rgb(179,111,85)
-
#bc6b4b
#bc6b4b
rgb(188,107,75)
-
#c66742
#c66742
rgb(198,103,66)
-
#cf6338
#cf6338
rgb(207,99,56)
-
#d95f2f
#d95f2f
rgb(217,95,47)
-
#e25b25
#e25b25
rgb(226,91,37)
-
#ec571c
#ec571c
rgb(236,87,28)
-
#f55312
#f55312
rgb(245,83,18)
-
#ff4f09
#ff4f09
rgb(255,79,9)
Color Blindness Simulator
Below, you can see how #f55312 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.