COLOR #3795F1

HEX: #3795F1
RGB: (55,149,241)

Color info

#3795F1 contains mainly blue color. Web safe color of #3795F1 is #3399FF (or #39F).

RGB color model

#3795F1 color RGB value is (55,149,241).

  • red value is 55;
  • green value is 149;
  • blue value is 241.
RGB:
(55,149,241)
(22%,58%,95%)

RGB channels and saturation

R 55 of 255 = 22%
G 149 of 255 = 58%
B 241 of 255 = 95%

55
149
241

R + G + B ~ 58%. #3795F1 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
55 + 149 + 241 = 445 (100%)
R 55 of 445 ~ 12.36%
G 149 of 445 ~ 33.48%
B 241 of 445 ~ 54.16%

%12.36
%33.48
%54.16

CMYK color model

#3795F1 color CMYK value is (77,38,0,5).

  • cyan value is 77.18%
  • magenta value is 38.17%
  • yellow value is 0.00%
  • key color value is 5.49%
CMYK:
(77,38,0,5)
C77M38Y0K5 
(77%,38%,0%,5%)
(0.77/0.38/0.00/0.05)	

CMYK percentages

%77.18
%38.17
%0
%5.49

Codes

Color #3795F1 in popluar color models

3795F1
RGB55149241
HSL210°86.92%58.04%
HSB/HSV210°77.18%94.51%
CMYK77.18%38.17%0.00%
5.49%

Color #3795F1 in popluar number systems.

HEX3795F1
Decimal55149241
Binary1101111001010111110001
Octal67225361

Shades and tints

Shades of #3795F1

#3795F1
(55,149,241)
#3288DC
(50,136,220)
#2D7BC7
(45,123,199)
#286EB2
(40,110,178)
#23619D
(35,97,157)
#1E5488
(30,84,136)
#194773
(25,71,115)
#143A5E
(20,58,94)
#0F2D49
(15,45,73)
#0A2034
(10,32,52)
#05131F
(5,19,31)
#000000
(0,0,0)

Tints of #3795F1

#3795F1
(55,149,241)
#499EF2
(73,158,242)
#5BA7F3
(91,167,243)
#6DB0F4
(109,176,244)
#7FB9F5
(127,185,245)
#91C2F6
(145,194,246)
#A3CBF7
(163,203,247)
#B5D4F8
(181,212,248)
#C7DDF9
(199,221,249)
#D9E6FA
(217,230,250)
#EBEFFB
(235,239,251)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #3795F1 color. Also use rgb(55,149,241) instead hex code.

Text Font Color

.myTextColor { color: #3795F1; }

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

This text font color is #3795F1.


Background Color

.myBgColor { background-color: #3795F1; }

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

This div background color is #3795F1.


Border color

.myBorderColor { border: 1px solid #3795F1; }

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

This div border color is #3795F1.


Opacity

.myOpacity80 { color: #3795F1; opacity: 0.8; }

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

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

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

This text has shadow with #3795F1 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #3795F1 on black background.


Color preview on white background

This text has color #3795F1 on white background.



Black color preview on #3795F1 background

This text has black color on #3795F1 background.


White color preview on #3795F1 background

This text has white color on #3795F1 background.