#f55227 Color Information
In a RGB color space, hex #f55227 is composed of 96.1% red, 32.2% green and 15.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.5% magenta, 84.1% yellow and 3.9% black. It has a hue angle of 12.5 degrees, a saturation of 91.2% and a lightness of 55.7%. #f55227 color hex could be obtained by blending #ffa44e with #eb0000. Closest websafe color is: #ff6633.
-
- R 96
- G 32
- B 15
-
- C 0
- M 67
- Y 84
- K 4
● #f55227 color description : Bright red.
#f55227 Color Conversion
The hexadecimal color #f55227 has RGB values of R:245, G:82, B:39 and CMYK values of C:0, M:0.67, Y:0.84, K:0.04. Its decimal value is 16077351.
Hex triplet | f55227 | #f55227 |
---|---|---|
RGB Decimal | 245, 82, 39 | rgb(245,82,39) |
RGB Percent | 96.1, 32.2, 15.3 | rgb(96.1%,32.2%,15.3%) |
CMYK | 0, 67, 84, 4 | |
HSL | 12.5°, 91.2, 55.7 | hsl(12.5,91.2%,55.7%) |
HSV (or HSB) | 12.5°, 84.1, 96.1 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 57.654, 60.446, 56.835 |
---|---|
XYZ | 41.042, 25.598, 4.699 |
xyY | 0.575, 0.359, 25.598 |
CIE-LCH | 57.654, 82.97, 43.237 |
CIE-LUV | 57.654, 131.926, 42.213 |
Hunter-Lab | 50.595, 56.256, 29.909 |
Binary | 11110101, 01010010, 00100111 |
Color Schemes with #f55227
Alternatives to #f55227
Below, you can see some colors close to #f55227. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f55227 Preview
This text has a font color of #f55227.
<span style="color:#f55227;">Text here</span>
This paragraph has a background color of #f55227.
<p style="background-color:#f55227;">Content here</p>
This element has a border color of #f55227.
<div style="border:1px solid #f55227;">Content here</div>
.text {color:#f55227;}
.background {background-color:#f55227;}
.border {border:1px solid #f55227;}
Shades and Tints of #f55227
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, #090200 is the darkest color, while #fff7f5 is the lightest one.
-
#090200
#090200
rgb(9,2,0)
-
#1c0701
#1c0701
rgb(28,7,1)
-
#2e0b02
#2e0b02
rgb(46,11,2)
-
#411003
#411003
rgb(65,16,3)
-
#541504
#541504
rgb(84,21,4)
-
#671905
#671905
rgb(103,25,5)
-
#791e06
#791e06
rgb(121,30,6)
-
#8c2206
#8c2206
rgb(140,34,6)
-
#9f2707
#9f2707
rgb(159,39,7)
-
#b22c08
#b22c08
rgb(178,44,8)
-
#c43009
#c43009
rgb(196,48,9)
-
#d7350a
#d7350a
rgb(215,53,10)
-
#ea390b
#ea390b
rgb(234,57,11)
-
#f44314
#f44314
rgb(244,67,20)
-
#f55227
#f55227
rgb(245,82,39)
-
#f6613a
#f6613a
rgb(246,97,58)
-
#f7704c
#f7704c
rgb(247,112,76)
-
#f87f5f
#f87f5f
rgb(248,127,95)
-
#f88e72
#f88e72
rgb(248,142,114)
-
#f99d85
#f99d85
rgb(249,157,133)
-
#faac97
#faac97
rgb(250,172,151)
-
#fbbbaa
#fbbbaa
rgb(251,187,170)
-
#fccabd
#fccabd
rgb(252,202,189)
-
#fdd9d0
#fdd9d0
rgb(253,217,208)
-
#fee8e2
#fee8e2
rgb(254,232,226)
-
#fff7f5
#fff7f5
rgb(255,247,245)
Tones of #f55227
A tone is produced by adding gray to any pure hue. In this case, #958a87 is the less saturated color, while #fe4d1e is the most saturated one.
-
#958a87
#958a87
rgb(149,138,135)
-
#9e857e
#9e857e
rgb(158,133,126)
-
#a78075
#a78075
rgb(167,128,117)
-
#af7b6d
#af7b6d
rgb(175,123,109)
-
#b87564
#b87564
rgb(184,117,100)
-
#c1705b
#c1705b
rgb(193,112,91)
-
#ca6b52
#ca6b52
rgb(202,107,82)
-
#d2664a
#d2664a
rgb(210,102,74)
-
#db6141
#db6141
rgb(219,97,65)
-
#e45c38
#e45c38
rgb(228,92,56)
-
#ec5730
#ec5730
rgb(236,87,48)
-
#f55227
#f55227
rgb(245,82,39)
-
#fe4d1e
#fe4d1e
rgb(254,77,30)
Color Blindness Simulator
Below, you can see how #f55227 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.