#f55228 Color Information
In a RGB color space, hex #f55228 is composed of 96.1% red, 32.2% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.5% magenta, 83.7% yellow and 3.9% black. It has a hue angle of 12.3 degrees, a saturation of 91.1% and a lightness of 55.9%. #f55228 color hex could be obtained by blending #ffa450 with #eb0000. Closest websafe color is: #ff6633.
-
- R 96
- G 32
- B 16
-
- C 0
- M 67
- Y 84
- K 4
● #f55228 color description : Bright red.
#f55228 Color Conversion
The hexadecimal color #f55228 has RGB values of R:245, G:82, B:40 and CMYK values of C:0, M:0.67, Y:0.84, K:0.04. Its decimal value is 16077352.
Hex triplet | f55228 | #f55228 |
---|---|---|
RGB Decimal | 245, 82, 40 | rgb(245,82,40) |
RGB Percent | 96.1, 32.2, 15.7 | rgb(96.1%,32.2%,15.7%) |
CMYK | 0, 67, 84, 4 | |
HSL | 12.3°, 91.1, 55.9 | hsl(12.3,91.1%,55.9%) |
HSV (or HSB) | 12.3°, 83.7, 96.1 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 57.66, 60.47, 56.409 |
---|---|
XYZ | 41.058, 25.605, 4.788 |
xyY | 0.575, 0.358, 25.605 |
CIE-LCH | 57.66, 82.696, 43.01 |
CIE-LUV | 57.66, 131.811, 41.978 |
Hunter-Lab | 50.601, 56.284, 29.811 |
Binary | 11110101, 01010010, 00101000 |
Color Schemes with #f55228
Alternatives to #f55228
Below, you can see some colors close to #f55228. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f55228 Preview
This text has a font color of #f55228.
<span style="color:#f55228;">Text here</span>
This paragraph has a background color of #f55228.
<p style="background-color:#f55228;">Content here</p>
This element has a border color of #f55228.
<div style="border:1px solid #f55228;">Content here</div>
.text {color:#f55228;}
.background {background-color:#f55228;}
.border {border:1px solid #f55228;}
Shades and Tints of #f55228
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, #0a0200 is the darkest color, while #fff8f6 is the lightest one.
-
#0a0200
#0a0200
rgb(10,2,0)
-
#1d0701
#1d0701
rgb(29,7,1)
-
#2f0b02
#2f0b02
rgb(47,11,2)
-
#421003
#421003
rgb(66,16,3)
-
#551504
#551504
rgb(85,21,4)
-
#681905
#681905
rgb(104,25,5)
-
#7a1e06
#7a1e06
rgb(122,30,6)
-
#8d2207
#8d2207
rgb(141,34,7)
-
#a02707
#a02707
rgb(160,39,7)
-
#b32b08
#b32b08
rgb(179,43,8)
-
#c53009
#c53009
rgb(197,48,9)
-
#d8340a
#d8340a
rgb(216,52,10)
-
#eb390b
#eb390b
rgb(235,57,11)
-
#f44315
#f44315
rgb(244,67,21)
-
#f55228
#f55228
rgb(245,82,40)
-
#f6613b
#f6613b
rgb(246,97,59)
-
#f7704d
#f7704d
rgb(247,112,77)
-
#f87f60
#f87f60
rgb(248,127,96)
-
#f88e73
#f88e73
rgb(248,142,115)
-
#f99d86
#f99d86
rgb(249,157,134)
-
#faac98
#faac98
rgb(250,172,152)
-
#fbbcab
#fbbcab
rgb(251,188,171)
-
#fccbbe
#fccbbe
rgb(252,203,190)
-
#fddad1
#fddad1
rgb(253,218,209)
-
#fee9e3
#fee9e3
rgb(254,233,227)
-
#fff8f6
#fff8f6
rgb(255,248,246)
Tones of #f55228
A tone is produced by adding gray to any pure hue. In this case, #968a87 is the less saturated color, while #fe4d1f is the most saturated one.
-
#968a87
#968a87
rgb(150,138,135)
-
#9e857f
#9e857f
rgb(158,133,127)
-
#a78076
#a78076
rgb(167,128,118)
-
#b07b6d
#b07b6d
rgb(176,123,109)
-
#b87665
#b87665
rgb(184,118,101)
-
#c1715c
#c1715c
rgb(193,113,92)
-
#ca6c53
#ca6c53
rgb(202,108,83)
-
#d2664b
#d2664b
rgb(210,102,75)
-
#db6142
#db6142
rgb(219,97,66)
-
#e45c39
#e45c39
rgb(228,92,57)
-
#ec5731
#ec5731
rgb(236,87,49)
-
#f55228
#f55228
rgb(245,82,40)
-
#fe4d1f
#fe4d1f
rgb(254,77,31)
Color Blindness Simulator
Below, you can see how #f55228 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.