#fb550e Color Information
In a RGB color space, hex #fb550e is composed of 98.4% red, 33.3% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.1% magenta, 94.4% yellow and 1.6% black. It has a hue angle of 18 degrees, a saturation of 96.7% and a lightness of 52%. #fb550e color hex could be obtained by blending #ffaa1c with #f70000. Closest websafe color is: #ff6600.
-
- R 98
- G 33
- B 5
-
- C 0
- M 66
- Y 94
- K 2
● #fb550e color description : Vivid orange.
#fb550e Color Conversion
The hexadecimal color #fb550e has RGB values of R:251, G:85, B:14 and CMYK values of C:0, M:0.66, Y:0.94, K:0.02. Its decimal value is 16471310.
| Hex triplet | fb550e | #fb550e |
|---|---|---|
| RGB Decimal | 251, 85, 14 | rgb(251,85,14) |
| RGB Percent | 98.4, 33.3, 5.5 | rgb(98.4%,33.3%,5.5%) |
| CMYK | 0, 66, 94, 2 | |
| HSL | 18°, 96.7, 52 | hsl(18,96.7%,52%) |
| HSV (or HSB) | 18°, 94.4, 98.4 | |
| Web Safe | ff6600 | #ff6600 |
| CIE-LAB | 59.014, 60.838, 66.571 |
|---|---|
| XYZ | 43.114, 27.043, 3.365 |
| xyY | 0.586, 0.368, 27.043 |
| CIE-LCH | 59.014, 90.183, 47.576 |
| CIE-LUV | 59.014, 136.557, 47.632 |
| Hunter-Lab | 52.003, 56.982, 32.565 |
| Binary | 11111011, 01010101, 00001110 |
Color Schemes with #fb550e
Alternatives to #fb550e
Below, you can see some colors close to #fb550e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fb550e Preview
This text has a font color of #fb550e.
<span style="color:#fb550e;">Text here</span>
This paragraph has a background color of #fb550e.
<p style="background-color:#fb550e;">Content here</p>
This element has a border color of #fb550e.
<div style="border:1px solid #fb550e;">Content here</div>
.text {color:#fb550e;}
.background {background-color:#fb550e;}
.border {border:1px solid #fb550e;}
Shades and Tints of #fb550e
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, #0a0300 is the darkest color, while #fff8f6 is the lightest one.
-
#0a0300
#0a0300rgb(10,3,0) -
#1d0900
#1d0900rgb(29,9,0) -
#300f01
#300f01rgb(48,15,1) -
#441501
#441501rgb(68,21,1) -
#571b01
#571b01rgb(87,27,1) -
#6a2102
#6a2102rgb(106,33,2) -
#7e2702
#7e2702rgb(126,39,2) -
#912d02
#912d02rgb(145,45,2) -
#a43303
#a43303rgb(164,51,3) -
#b73903
#b73903rgb(183,57,3) -
#cb3f03
#cb3f03rgb(203,63,3) -
#de4504
#de4504rgb(222,69,4) -
#f14b04
#f14b04rgb(241,75,4)
-
#fb550e
#fb550ergb(251,85,14) -
#fb6321
#fb6321rgb(251,99,33) -
#fc7035
#fc7035rgb(252,112,53) -
#fc7e48
#fc7e48rgb(252,126,72) -
#fc8b5b
#fc8b5brgb(252,139,91) -
#fd996e
#fd996ergb(253,153,110) -
#fda782
#fda782rgb(253,167,130) -
#fdb495
#fdb495rgb(253,180,149) -
#fec2a8
#fec2a8rgb(254,194,168) -
#fecfbc
#fecfbcrgb(254,207,188) -
#feddcf
#feddcfrgb(254,221,207) -
#ffebe2
#ffebe2rgb(255,235,226) -
#fff8f6
#fff8f6rgb(255,248,246)
Tones of #fb550e
A tone is produced by adding gray to any pure hue. In this case, #8a827f is the less saturated color, while #fb550e is the most saturated one.
-
#8a827f
#8a827frgb(138,130,127) -
#937f76
#937f76rgb(147,127,118) -
#9d7b6c
#9d7b6crgb(157,123,108) -
#a67763
#a67763rgb(166,119,99) -
#b07359
#b07359rgb(176,115,89) -
#b96f50
#b96f50rgb(185,111,80) -
#c26c47
#c26c47rgb(194,108,71) -
#cc683d
#cc683drgb(204,104,61) -
#d56434
#d56434rgb(213,100,52) -
#df602a
#df602argb(223,96,42) -
#e85d21
#e85d21rgb(232,93,33) -
#f25917
#f25917rgb(242,89,23) -
#fb550e
#fb550ergb(251,85,14)
Color Blindness Simulator
Below, you can see how #fb550e 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.
