#f55222 Color Information
In a RGB color space, hex #f55222 is composed of 96.1% red, 32.2% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.5% magenta, 86.1% yellow and 3.9% black. It has a hue angle of 13.6 degrees, a saturation of 91.3% and a lightness of 54.7%. #f55222 color hex could be obtained by blending #ffa444 with #eb0000. Closest websafe color is: #ff6633.
-
- R 96
- G 32
- B 13
-
- C 0
- M 67
- Y 86
- K 4
● #f55222 color description : Vivid red.
#f55222 Color Conversion
The hexadecimal color #f55222 has RGB values of R:245, G:82, B:34 and CMYK values of C:0, M:0.67, Y:0.86, K:0.04. Its decimal value is 16077346.
Hex triplet | f55222 | #f55222 |
---|---|---|
RGB Decimal | 245, 82, 34 | rgb(245,82,34) |
RGB Percent | 96.1, 32.2, 13.3 | rgb(96.1%,32.2%,13.3%) |
CMYK | 0, 67, 86, 4 | |
HSL | 13.6°, 91.3, 54.7 | hsl(13.6,91.3%,54.7%) |
HSV (or HSB) | 13.6°, 86.1, 96.1 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 57.624, 60.336, 58.876 |
---|---|
XYZ | 40.964, 25.567, 4.291 |
xyY | 0.578, 0.361, 25.567 |
CIE-LCH | 57.624, 84.302, 44.298 |
CIE-LUV | 57.624, 132.458, 43.301 |
Hunter-Lab | 50.564, 56.123, 30.363 |
Binary | 11110101, 01010010, 00100010 |
Color Schemes with #f55222
Alternatives to #f55222
Below, you can see some colors close to #f55222. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f55222 Preview
This text has a font color of #f55222.
<span style="color:#f55222;">Text here</span>
This paragraph has a background color of #f55222.
<p style="background-color:#f55222;">Content here</p>
This element has a border color of #f55222.
<div style="border:1px solid #f55222;">Content here</div>
.text {color:#f55222;}
.background {background-color:#f55222;}
.border {border:1px solid #f55222;}
Shades and Tints of #f55222
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, #040100 is the darkest color, while #fef4f0 is the lightest one.
-
#040100
#040100
rgb(4,1,0)
-
#170601
#170601
rgb(23,6,1)
-
#2a0b02
#2a0b02
rgb(42,11,2)
-
#3c1003
#3c1003
rgb(60,16,3)
-
#4f1504
#4f1504
rgb(79,21,4)
-
#621a04
#621a04
rgb(98,26,4)
-
#751f05
#751f05
rgb(117,31,5)
-
#882406
#882406
rgb(136,36,6)
-
#9a2907
#9a2907
rgb(154,41,7)
-
#ad2d08
#ad2d08
rgb(173,45,8)
-
#c03209
#c03209
rgb(192,50,9)
-
#d3370a
#d3370a
rgb(211,55,10)
-
#e53c0a
#e53c0a
rgb(229,60,10)
-
#f4430f
#f4430f
rgb(244,67,15)
-
#f55222
#f55222
rgb(245,82,34)
-
#f66135
#f66135
rgb(246,97,53)
-
#f76f48
#f76f48
rgb(247,111,72)
-
#f87e5a
#f87e5a
rgb(248,126,90)
-
#f88d6d
#f88d6d
rgb(248,141,109)
-
#f99b80
#f99b80
rgb(249,155,128)
-
#faaa93
#faaa93
rgb(250,170,147)
-
#fbb9a5
#fbb9a5
rgb(251,185,165)
-
#fcc8b8
#fcc8b8
rgb(252,200,184)
-
#fdd6cb
#fdd6cb
rgb(253,214,203)
-
#fde5de
#fde5de
rgb(253,229,222)
-
#fef4f0
#fef4f0
rgb(254,244,240)
Tones of #f55222
A tone is produced by adding gray to any pure hue. In this case, #938784 is the less saturated color, while #fe4d19 is the most saturated one.
-
#938784
#938784
rgb(147,135,132)
-
#9c827b
#9c827b
rgb(156,130,123)
-
#a57e72
#a57e72
rgb(165,126,114)
-
#ae7969
#ae7969
rgb(174,121,105)
-
#b77460
#b77460
rgb(183,116,96)
-
#c06f57
#c06f57
rgb(192,111,87)
-
#c96a4e
#c96a4e
rgb(201,106,78)
-
#d16546
#d16546
rgb(209,101,70)
-
#da613d
#da613d
rgb(218,97,61)
-
#e35c34
#e35c34
rgb(227,92,52)
-
#ec572b
#ec572b
rgb(236,87,43)
-
#f55222
#f55222
rgb(245,82,34)
-
#fe4d19
#fe4d19
rgb(254,77,25)
Color Blindness Simulator
Below, you can see how #f55222 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.