#f55026 Color Information
In a RGB color space, hex #f55026 is composed of 96.1% red, 31.4% green and 14.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.3% magenta, 84.5% yellow and 3.9% black. It has a hue angle of 12.2 degrees, a saturation of 91.2% and a lightness of 55.5%. #f55026 color hex could be obtained by blending #ffa04c with #eb0000. Closest websafe color is: #ff6633.
-
- R 96
- G 31
- B 15
-
- C 0
- M 67
- Y 84
- K 4
● #f55026 color description : Bright red.
#f55026 Color Conversion
The hexadecimal color #f55026 has RGB values of R:245, G:80, B:38 and CMYK values of C:0, M:0.67, Y:0.84, K:0.04. Its decimal value is 16076838.
| Hex triplet | f55026 | #f55026 |
|---|---|---|
| RGB Decimal | 245, 80, 38 | rgb(245,80,38) |
| RGB Percent | 96.1, 31.4, 14.9 | rgb(96.1%,31.4%,14.9%) |
| CMYK | 0, 67, 84, 4 | |
| HSL | 12.2°, 91.2, 55.5 | hsl(12.2,91.2%,55.5%) |
| HSV (or HSB) | 12.2°, 84.5, 96.1 | |
| Web Safe | ff6633 | #ff6633 |
| CIE-LAB | 57.361, 61.2, 57.013 |
|---|---|
| XYZ | 40.877, 25.294, 4.564 |
| xyY | 0.578, 0.358, 25.294 |
| CIE-LCH | 57.361, 83.641, 42.971 |
| CIE-LUV | 57.361, 133.418, 41.925 |
| Hunter-Lab | 50.294, 57.064, 29.826 |
| Binary | 11110101, 01010000, 00100110 |
Color Schemes with #f55026
Alternatives to #f55026
Below, you can see some colors close to #f55026. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f55026 Preview
This text has a font color of #f55026.
<span style="color:#f55026;">Text here</span>
This paragraph has a background color of #f55026.
<p style="background-color:#f55026;">Content here</p>
This element has a border color of #f55026.
<div style="border:1px solid #f55026;">Content here</div>
.text {color:#f55026;}
.background {background-color:#f55026;}
.border {border:1px solid #f55026;}
Shades and Tints of #f55026
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, #080200 is the darkest color, while #fff6f4 is the lightest one.
-
#080200
#080200rgb(8,2,0) -
#1b0601
#1b0601rgb(27,6,1) -
#2e0b02
#2e0b02rgb(46,11,2) -
#400f03
#400f03rgb(64,15,3) -
#531404
#531404rgb(83,20,4) -
#661805
#661805rgb(102,24,5) -
#791d06
#791d06rgb(121,29,6) -
#8b2106
#8b2106rgb(139,33,6) -
#9e2607
#9e2607rgb(158,38,7) -
#b12a08
#b12a08rgb(177,42,8) -
#c42f09
#c42f09rgb(196,47,9) -
#d6330a
#d6330argb(214,51,10) -
#e9380b
#e9380brgb(233,56,11)
-
#f44113
#f44113rgb(244,65,19) -
#f55026
#f55026rgb(245,80,38) -
#f65f39
#f65f39rgb(246,95,57) -
#f76e4c
#f76e4crgb(247,110,76) -
#f87d5e
#f87d5ergb(248,125,94) -
#f88c71
#f88c71rgb(248,140,113) -
#f99c84
#f99c84rgb(249,156,132) -
#faab97
#faab97rgb(250,171,151) -
#fbbaa9
#fbbaa9rgb(251,186,169) -
#fcc9bc
#fcc9bcrgb(252,201,188) -
#fdd8cf
#fdd8cfrgb(253,216,207) -
#fee7e2
#fee7e2rgb(254,231,226) -
#fff6f4
#fff6f4rgb(255,246,244)
Tones of #f55026
A tone is produced by adding gray to any pure hue. In this case, #958986 is the less saturated color, while #fe4b1d is the most saturated one.
-
#958986
#958986rgb(149,137,134) -
#9e847d
#9e847drgb(158,132,125) -
#a67f75
#a67f75rgb(166,127,117) -
#af7a6c
#af7a6crgb(175,122,108) -
#b87463
#b87463rgb(184,116,99) -
#c16f5a
#c16f5argb(193,111,90) -
#c96a52
#c96a52rgb(201,106,82) -
#d26549
#d26549rgb(210,101,73) -
#db6040
#db6040rgb(219,96,64) -
#e45a37
#e45a37rgb(228,90,55) -
#ec552f
#ec552frgb(236,85,47) -
#f55026
#f55026rgb(245,80,38) -
#fe4b1d
#fe4b1drgb(254,75,29)
Color Blindness Simulator
Below, you can see how #f55026 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.
