COLOR #FB9341

HEX: #FB9341
RGB: (251,147,65)

Color info

#FB9341 contains mainly red color. Web safe color of #FB9341 is #FF9933 (or #F93).

RGB color model

#FB9341 color RGB value is (251,147,65).

  • red value is 251;
  • green value is 147;
  • blue value is 65.
RGB:
(251,147,65)
(98%,58%,25%)

RGB channels and saturation

R 251 of 255 = 98%
G 147 of 255 = 58%
B 65 of 255 = 25%

251
147
65

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

Portions of RGB colors in percentages

R + G + B =
251 + 147 + 65 = 463 (100%)
R 251 of 463 ~ 54.21%
G 147 of 463 ~ 31.75%
B 65 of 463 ~ 14.04%

%54.21
%31.75
%14.04

CMYK color model

#FB9341 color CMYK value is (0,41,74,2).

  • cyan value is 0.00%
  • magenta value is 41.43%
  • yellow value is 74.10%
  • key color value is 1.57%
CMYK:
(0,41,74,2)
C0M41Y74K2 
(0%,41%,74%,2%)
(0.00/0.41/0.74/0.02)	

CMYK percentages

%0
%41.43
%74.1
%1.57

Codes

Color #FB9341 in popluar color models

FB9341
RGB25114765
HSL26°95.88%61.96%
HSB/HSV26°74.10%98.43%
CMYK0.00%41.43%74.10%
1.57%

Color #FB9341 in popluar number systems.

HEXFB9341
Decimal25114765
Binary11111011100100111000001
Octal373223101

Shades and tints

Shades of #FB9341

#FB9341
(251,147,65)
#E5863C
(229,134,60)
#CF7937
(207,121,55)
#B96C32
(185,108,50)
#A35F2D
(163,95,45)
#8D5228
(141,82,40)
#774523
(119,69,35)
#61381E
(97,56,30)
#4B2B19
(75,43,25)
#351E14
(53,30,20)
#1F110F
(31,17,15)
#000000
(0,0,0)

Tints of #FB9341

#FB9341
(251,147,65)
#FB9C52
(251,156,82)
#FBA563
(251,165,99)
#FBAE74
(251,174,116)
#FBB785
(251,183,133)
#FBC096
(251,192,150)
#FBC9A7
(251,201,167)
#FBD2B8
(251,210,184)
#FBDBC9
(251,219,201)
#FBE4DA
(251,228,218)
#FBEDEB
(251,237,235)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #FB9341 color. Also use rgb(251,147,65) instead hex code.

Text Font Color

.myTextColor { color: #FB9341; }

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

This text font color is #FB9341.


Background Color

.myBgColor { background-color: #FB9341; }

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

This div background color is #FB9341.


Border color

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

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

This div border color is #FB9341.


Opacity

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

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

Text with #FB9341 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 #FB9341;}

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

This text has shadow with #FB9341 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #FB9341 on black background.


Color preview on white background

This text has color #FB9341 on white background.



Black color preview on #FB9341 background

This text has black color on #FB9341 background.


White color preview on #FB9341 background

This text has white color on #FB9341 background.