Color #FB9416

Color info

#FB9416 contains mainly red color. Web safe color of #FB9416 is #FF9900 (or #F90).

RGB color model

#FB9416 color RGB value is (251,148,22).

red value is 251;
green value is 148;
blue value is 22.

RGB:
(251,148,22)
(98%,58%,9%)

RGB channels and saturation

R 251 of 255 = 98%
G 148 of 255 = 58%
B 22 of 255 = 9%

251

148

R + G + B ~ 55%. #FB9416 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
251 + 148 + 22 = 421 (100%)
R 251 of 421 ~ 59.62%
G 148 of 421 ~ 35.15%
B 22 of 421 ~ 5.23%

%59.62

%35.15

CMYK color model

#FB9416 color CMYK value is (0,41,91,2).

cyan value is 0.00%
magenta value is 41.04%
yellow value is 91.24%
key color value is 1.57%

CMYK:
(0,41,91,2)
C0M41Y91K2 
(0%,41%,91%,2%)
(0.00/0.41/0.91/0.02)

CMYK percentages

%41.04

%91.24

%1.57

Codes

Color #FB9416 in popluar color models

	FB	94	16
RGB	251	148	22
HSL	33°	96.62%	53.53%
HSB/HSV	33°	91.24%	98.43%
CMYK	0.00%	41.04%	91.24%
CMYK	1.57%

Color #FB9416 in popluar number systems.

HEX	FB	94	16
Decimal	251	148	22
Binary	11111011	10010100	10110
Octal	373	224	26

Shades and tints

Shades of #FB9416

#FB9416
(251,148,22)

#E58714
(229,135,20)

#CF7A12
(207,122,18)

#B96D10
(185,109,16)

#A3600E
(163,96,14)

#8D530C
(141,83,12)

#77460A
(119,70,10)

#613908
(97,57,8)

#4B2C06
(75,44,6)

#351F04
(53,31,4)

#1F1202
(31,18,2)

#000000
(0,0,0)

Tints of #FB9416

#FB9416
(251,148,22)

#FB9D2B
(251,157,43)

#FBA640
(251,166,64)

#FBAF55
(251,175,85)

#FBB86A
(251,184,106)

#FBC17F
(251,193,127)

#FBCA94
(251,202,148)

#FBD3A9
(251,211,169)

#FBDCBE
(251,220,190)

#FBE5D3
(251,229,211)

#FBEEE8
(251,238,232)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #FB9416 color. Also use rgb(251,148,22) instead hex code.

Text Font Color

.myTextColor { color: #FB9416; }

<p style="color:#FB9416">This sample text font color is #FB9416.</p>

This text font color is #FB9416.

Background Color

.myBgColor { background-color: #FB9416; }

<div style="background-color:#FB9416">Inner text</div>

This div background color is #FB9416.

Border color

.myBorderColor { border: 1px solid #FB9416; }

<div style="border:3px solid #FB9416">Div</div>

This div border color is #FB9416.

Opacity

.myOpacity80 { color: #FB9416; opacity: 0.8; }

<p style="color:#FB9416;opacity:0.8;">80%</p>

Text with #FB9416 color and opacity 100% | 80% | 50% | 30%.

Background with opacity value 100%.

Background with opacity value 80%.

Background with opacity value 50%.

Background with opacity value 30%.

Text shadow color

.textShadow {text-shadow: 3px 3px 1px #FB9416;}

<p style="text-shadow: 3px 3px 1px #FB9416">Text here.</p>

This text has shadow with #FB9416 color.

.textShadow {text-shadow: 3px 3px 1px #FB9416, 3px 3px 1px red;}

<p style="text-shadow: 3px 3px 1px #FB9416, 5px 5px 20px red">Text here.</p>

This text has shadow with #FB9416 primary color and red secondary color.

Styles for old Internet Explorer:
.textShadow {filter: Shadow(Color=#FB9416, Direction=45, Strength=4)}

<p style="filter: Shadow(Color=#FB9416, Direction=45, Strength=4)">Text</p>

This text has shadow with #FB9416 and red colors in old Internet Explorer.

Div box shadow color

/* css code */
.divShadow
{
  -moz-box-shadow:	1px 1px 3px 2px #FB9416;
  -webkit-box-shadow:	1px 1px 3px 2px #FB9416;
  box-shadow:		1px 1px 3px 2px #FB9416;
}

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #FB9416;
-webkit-box-shadow: 1px 1px 3px 2px #FB9416;
box-shadow:1px 1px 3px 2px #FB9416;">
Div content here</div>

This div box has shadow with color #FB9416.

Preview

Color preview on black background

This text has color #FB9416 on black background.

Color preview on white background

This text has color #FB9416 on white background.

Black color preview on #FB9416 background

This text has black color on #FB9416 background.

White color preview on #FB9416 background

This text has white color on #FB9416 background.