#f55225 Color Information
In a RGB color space, hex #f55225 is composed of 96.1% red, 32.2% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.5% magenta, 84.9% yellow and 3.9% black. It has a hue angle of 13 degrees, a saturation of 91.2% and a lightness of 55.3%. #f55225 color hex could be obtained by blending #ffa44a with #eb0000. Closest websafe color is: #ff6633.
-
- R 96
- G 32
- B 15
-
- C 0
- M 67
- Y 85
- K 4
● #f55225 color description : Bright red.
#f55225 Color Conversion
The hexadecimal color #f55225 has RGB values of R:245, G:82, B:37 and CMYK values of C:0, M:0.67, Y:0.85, K:0.04. Its decimal value is 16077349.
Hex triplet | f55225 | #f55225 |
---|---|---|
RGB Decimal | 245, 82, 37 | rgb(245,82,37) |
RGB Percent | 96.1, 32.2, 14.5 | rgb(96.1%,32.2%,14.5%) |
CMYK | 0, 67, 85, 4 | |
HSL | 13°, 91.2, 55.3 | hsl(13,91.2%,55.3%) |
HSV (or HSB) | 13°, 84.9, 96.1 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 57.641, 60.4, 57.67 |
---|---|
XYZ | 41.009, 25.585, 4.529 |
xyY | 0.577, 0.36, 25.585 |
CIE-LCH | 57.641, 83.511, 43.675 |
CIE-LUV | 57.641, 132.147, 42.665 |
Hunter-Lab | 50.582, 56.2, 30.098 |
Binary | 11110101, 01010010, 00100101 |
Color Schemes with #f55225
Alternatives to #f55225
Below, you can see some colors close to #f55225. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f55225 Preview
This text has a font color of #f55225.
<span style="color:#f55225;">Text here</span>
This paragraph has a background color of #f55225.
<p style="background-color:#f55225;">Content here</p>
This element has a border color of #f55225.
<div style="border:1px solid #f55225;">Content here</div>
.text {color:#f55225;}
.background {background-color:#f55225;}
.border {border:1px solid #f55225;}
Shades and Tints of #f55225
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, #070200 is the darkest color, while #fef6f3 is the lightest one.
-
#070200
#070200
rgb(7,2,0)
-
#1a0701
#1a0701
rgb(26,7,1)
-
#2d0b02
#2d0b02
rgb(45,11,2)
-
#3f1003
#3f1003
rgb(63,16,3)
-
#521504
#521504
rgb(82,21,4)
-
#651905
#651905
rgb(101,25,5)
-
#781e05
#781e05
rgb(120,30,5)
-
#8a2306
#8a2306
rgb(138,35,6)
-
#9d2807
#9d2807
rgb(157,40,7)
-
#b02c08
#b02c08
rgb(176,44,8)
-
#c33109
#c33109
rgb(195,49,9)
-
#d5360a
#d5360a
rgb(213,54,10)
-
#e83b0b
#e83b0b
rgb(232,59,11)
-
#f44312
#f44312
rgb(244,67,18)
-
#f55225
#f55225
rgb(245,82,37)
-
#f66138
#f66138
rgb(246,97,56)
-
#f7704b
#f7704b
rgb(247,112,75)
-
#f87f5d
#f87f5d
rgb(248,127,93)
-
#f88e70
#f88e70
rgb(248,142,112)
-
#f99c83
#f99c83
rgb(249,156,131)
-
#faab96
#faab96
rgb(250,171,150)
-
#fbbaa8
#fbbaa8
rgb(251,186,168)
-
#fcc9bb
#fcc9bb
rgb(252,201,187)
-
#fdd8ce
#fdd8ce
rgb(253,216,206)
-
#fee7e1
#fee7e1
rgb(254,231,225)
-
#fef6f3
#fef6f3
rgb(254,246,243)
Tones of #f55225
A tone is produced by adding gray to any pure hue. In this case, #958985 is the less saturated color, while #fe4d1c is the most saturated one.
-
#958985
#958985
rgb(149,137,133)
-
#9d847d
#9d847d
rgb(157,132,125)
-
#a67f74
#a67f74
rgb(166,127,116)
-
#af7a6b
#af7a6b
rgb(175,122,107)
-
#b87562
#b87562
rgb(184,117,98)
-
#c0705a
#c0705a
rgb(192,112,90)
-
#c96b51
#c96b51
rgb(201,107,81)
-
#d26648
#d26648
rgb(210,102,72)
-
#db613f
#db613f
rgb(219,97,63)
-
#e35c37
#e35c37
rgb(227,92,55)
-
#ec572e
#ec572e
rgb(236,87,46)
-
#f55225
#f55225
rgb(245,82,37)
-
#fe4d1c
#fe4d1c
rgb(254,77,28)
Color Blindness Simulator
Below, you can see how #f55225 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.