Color #370EFE

Color info

#370EFE contains mainly blue color. Web safe color of #370EFE is #3300FF (or #30F).

RGB color model

#370EFE color RGB value is (55,14,254).

red value is 55;
green value is 14;
blue value is 254.

RGB:
(55,14,254)
(22%,5%,100%)

RGB channels and saturation

R 55 of 255 = 22%
G 14 of 255 = 5%
B 254 of 255 = 100%

254

R + G + B ~ 42%. #370EFE is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
55 + 14 + 254 = 323 (100%)
R 55 of 323 ~ 17.03%
G 14 of 323 ~ 4.33%
B 254 of 323 ~ 78.64%

%17.03

%78.64

CMYK color model

#370EFE color CMYK value is (78,94,0,0).

cyan value is 78.35%
magenta value is 94.49%
yellow value is 0.00%
key color value is 0.39%

CMYK:
(78,94,0,0)
C78M94Y0K0 
(78%,94%,0%,0%)
(0.78/0.94/0.00/0.00)

CMYK percentages

%78.35

%94.49

%0.39

Codes

Color #370EFE in popluar color models

	37	0E	FE
RGB	55	14	254
HSL	250°	99.17%	52.55%
HSB/HSV	250°	94.49%	99.61%
CMYK	78.35%	94.49%	0.00%
CMYK	0.39%

Color #370EFE in popluar number systems.

HEX	37	0E	FE
Decimal	55	14	254
Binary	110111	1110	11111110
Octal	67	16	376

Shades and tints

Shades of #370EFE

#370EFE
(55,14,254)

#320DE7
(50,13,231)

#2D0CD0
(45,12,208)

#280BB9
(40,11,185)

#230AA2
(35,10,162)

#1E098B
(30,9,139)

#190874
(25,8,116)

#14075D
(20,7,93)

#0F0646
(15,6,70)

#0A052F
(10,5,47)

#050418
(5,4,24)

#000000
(0,0,0)

Tints of #370EFE

#370EFE
(55,14,254)

#4923FE
(73,35,254)

#5B38FE
(91,56,254)

#6D4DFE
(109,77,254)

#7F62FE
(127,98,254)

#9177FE
(145,119,254)

#A38CFE
(163,140,254)

#B5A1FE
(181,161,254)

#C7B6FE
(199,182,254)

#D9CBFE
(217,203,254)

#EBE0FE
(235,224,254)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #370EFE color. Also use rgb(55,14,254) instead hex code.

Text Font Color

.myTextColor { color: #370EFE; }

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

This text font color is #370EFE.

Background Color

.myBgColor { background-color: #370EFE; }

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

This div background color is #370EFE.

Border color

.myBorderColor { border: 1px solid #370EFE; }

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

This div border color is #370EFE.

Opacity

.myOpacity80 { color: #370EFE; opacity: 0.8; }

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

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

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

This text has shadow with #370EFE color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #370EFE.

Preview

Color preview on black background

This text has color #370EFE on black background.

Color preview on white background

This text has color #370EFE on white background.

Black color preview on #370EFE background

This text has black color on #370EFE background.

White color preview on #370EFE background

This text has white color on #370EFE background.