#f55530 Color Information
In a RGB color space, hex #f55530 is composed of 96.1% red, 33.3% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.3% magenta, 80.4% yellow and 3.9% black. It has a hue angle of 11.3 degrees, a saturation of 90.8% and a lightness of 57.5%. #f55530 color hex could be obtained by blending #ffaa60 with #eb0000. Closest websafe color is: #ff6633.
-
- R 96
- G 33
- B 19
-
- C 0
- M 65
- Y 80
- K 4
● #f55530 color description : Bright red.
#f55530 Color Conversion
The hexadecimal color #f55530 has RGB values of R:245, G:85, B:48 and CMYK values of C:0, M:0.65, Y:0.8, K:0.04. Its decimal value is 16078128.
Hex triplet | f55530 | #f55530 |
---|---|---|
RGB Decimal | 245, 85, 48 | rgb(245,85,48) |
RGB Percent | 96.1, 33.3, 18.8 | rgb(96.1%,33.3%,18.8%) |
CMYK | 0, 65, 80, 4 | |
HSL | 11.3°, 90.8, 57.5 | hsl(11.3,90.8%,57.5%) |
HSV (or HSB) | 11.3°, 80.4, 96.1 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 58.158, 59.492, 53.229 |
---|---|
XYZ | 41.44, 26.128, 5.657 |
xyY | 0.566, 0.357, 26.128 |
CIE-LCH | 58.158, 79.829, 41.82 |
CIE-LUV | 58.158, 128.718, 40.704 |
Hunter-Lab | 51.115, 55.262, 29.219 |
Binary | 11110101, 01010101, 00110000 |
Color Schemes with #f55530
Alternatives to #f55530
Below, you can see some colors close to #f55530. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f55530 Preview
This text has a font color of #f55530.
<span style="color:#f55530;">Text here</span>
This paragraph has a background color of #f55530.
<p style="background-color:#f55530;">Content here</p>
This element has a border color of #f55530.
<div style="border:1px solid #f55530;">Content here</div>
.text {color:#f55530;}
.background {background-color:#f55530;}
.border {border:1px solid #f55530;}
Shades and Tints of #f55530
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, #120401 is the darkest color, while #fffefe is the lightest one.
-
#120401
#120401
rgb(18,4,1)
-
#240802
#240802
rgb(36,8,2)
-
#370c03
#370c03
rgb(55,12,3)
-
#4a1104
#4a1104
rgb(74,17,4)
-
#5c1504
#5c1504
rgb(92,21,4)
-
#6f1905
#6f1905
rgb(111,25,5)
-
#821d06
#821d06
rgb(130,29,6)
-
#952207
#952207
rgb(149,34,7)
-
#a72608
#a72608
rgb(167,38,8)
-
#ba2a09
#ba2a09
rgb(186,42,9)
-
#cd2e0a
#cd2e0a
rgb(205,46,10)
-
#df330b
#df330b
rgb(223,51,11)
-
#f2370c
#f2370c
rgb(242,55,12)
-
#f4461d
#f4461d
rgb(244,70,29)
-
#f55530
#f55530
rgb(245,85,48)
-
#f66443
#f66443
rgb(246,100,67)
-
#f77455
#f77455
rgb(247,116,85)
-
#f88368
#f88368
rgb(248,131,104)
-
#f9927b
#f9927b
rgb(249,146,123)
-
#faa28e
#faa28e
rgb(250,162,142)
-
#fab1a0
#fab1a0
rgb(250,177,160)
-
#fbc1b3
#fbc1b3
rgb(251,193,179)
-
#fcd0c6
#fcd0c6
rgb(252,208,198)
-
#fddfd8
#fddfd8
rgb(253,223,216)
-
#feefeb
#feefeb
rgb(254,239,235)
-
#fffefe
#fffefe
rgb(255,254,254)
Tones of #f55530
A tone is produced by adding gray to any pure hue. In this case, #998e8c is the less saturated color, while #fd5028 is the most saturated one.
-
#998e8c
#998e8c
rgb(153,142,140)
-
#a28983
#a28983
rgb(162,137,131)
-
#aa847b
#aa847b
rgb(170,132,123)
-
#b27f73
#b27f73
rgb(178,127,115)
-
#bb796a
#bb796a
rgb(187,121,106)
-
#c37462
#c37462
rgb(195,116,98)
-
#cb6f5a
#cb6f5a
rgb(203,111,90)
-
#d46a51
#d46a51
rgb(212,106,81)
-
#dc6549
#dc6549
rgb(220,101,73)
-
#e45f41
#e45f41
rgb(228,95,65)
-
#ed5a38
#ed5a38
rgb(237,90,56)
-
#f55530
#f55530
rgb(245,85,48)
-
#fd5028
#fd5028
rgb(253,80,40)
Color Blindness Simulator
Below, you can see how #f55530 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.