#f55105 Color Information
In a RGB color space, hex #f55105 is composed of 96.1% red, 31.8% green and 2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.9% magenta, 98% yellow and 3.9% black. It has a hue angle of 19 degrees, a saturation of 96% and a lightness of 49%. #f55105 color hex could be obtained by blending #ffa20a with #eb0000. Closest websafe color is: #ff6600.
-
- R 96
- G 32
- B 2
-
- C 0
- M 67
- Y 98
- K 4
● #f55105 color description : Vivid orange.
#f55105 Color Conversion
The hexadecimal color #f55105 has RGB values of R:245, G:81, B:5 and CMYK values of C:0, M:0.67, Y:0.98, K:0.04. Its decimal value is 16077061.
| Hex triplet | f55105 | #f55105 |
|---|---|---|
| RGB Decimal | 245, 81, 5 | rgb(245,81,5) |
| RGB Percent | 96.1, 31.8, 2 | rgb(96.1%,31.8%,2%) |
| CMYK | 0, 67, 98, 4 | |
| HSL | 19°, 96, 49 | hsl(19,96%,49%) |
| HSV (or HSB) | 19°, 98, 96.1 | |
| Web Safe | ff6600 | #ff6600 |
| CIE-LAB | 57.379, 60.356, 66.855 |
|---|---|
| XYZ | 40.628, 25.313, 2.89 |
| xyY | 0.59, 0.368, 25.313 |
| CIE-LCH | 57.379, 90.069, 47.925 |
| CIE-LUV | 57.379, 134.999, 46.78 |
| Hunter-Lab | 50.312, 56.096, 31.812 |
| Binary | 11110101, 01010001, 00000101 |
Color Schemes with #f55105
Alternatives to #f55105
Below, you can see some colors close to #f55105. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f55105 Preview
This text has a font color of #f55105.
<span style="color:#f55105;">Text here</span>
This paragraph has a background color of #f55105.
<p style="background-color:#f55105;">Content here</p>
This element has a border color of #f55105.
<div style="border:1px solid #f55105;">Content here</div>
.text {color:#f55105;}
.background {background-color:#f55105;}
.border {border:1px solid #f55105;}
Shades and Tints of #f55105
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, #0e0500 is the darkest color, while #fffcfa is the lightest one.
-
#0e0500
#0e0500rgb(14,5,0) -
#220b01
#220b01rgb(34,11,1) -
#351101
#351101rgb(53,17,1) -
#481801
#481801rgb(72,24,1) -
#5b1e02
#5b1e02rgb(91,30,2) -
#6e2502
#6e2502rgb(110,37,2) -
#822b03
#822b03rgb(130,43,3) -
#953103
#953103rgb(149,49,3) -
#a83803
#a83803rgb(168,56,3) -
#bb3e04
#bb3e04rgb(187,62,4) -
#cf4404
#cf4404rgb(207,68,4) -
#e24b05
#e24b05rgb(226,75,5) -
#f55105
#f55105rgb(245,81,5)
-
#fa5d13
#fa5d13rgb(250,93,19) -
#fb6a27
#fb6a27rgb(251,106,39) -
#fb773a
#fb773argb(251,119,58) -
#fb844d
#fb844drgb(251,132,77) -
#fc9260
#fc9260rgb(252,146,96) -
#fc9f74
#fc9f74rgb(252,159,116) -
#fdac87
#fdac87rgb(253,172,135) -
#fdb99a
#fdb99argb(253,185,154) -
#fdc7ad
#fdc7adrgb(253,199,173) -
#fed4c0
#fed4c0rgb(254,212,192) -
#fee1d4
#fee1d4rgb(254,225,212) -
#ffeee7
#ffeee7rgb(255,238,231) -
#fffcfa
#fffcfargb(255,252,250)
Tones of #f55105
A tone is produced by adding gray to any pure hue. In this case, #827b78 is the less saturated color, while #f55105 is the most saturated one.
-
#827b78
#827b78rgb(130,123,120) -
#8b786f
#8b786frgb(139,120,111) -
#957465
#957465rgb(149,116,101) -
#9e715c
#9e715crgb(158,113,92) -
#a86d52
#a86d52rgb(168,109,82) -
#b26a48
#b26a48rgb(178,106,72) -
#bb663f
#bb663frgb(187,102,63) -
#c56335
#c56335rgb(197,99,53) -
#cf5f2b
#cf5f2brgb(207,95,43) -
#d85c22
#d85c22rgb(216,92,34) -
#e25818
#e25818rgb(226,88,24) -
#eb550f
#eb550frgb(235,85,15) -
#f55105
#f55105rgb(245,81,5)
Color Blindness Simulator
Below, you can see how #f55105 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.
