Color #378FAD

Color info

#378FAD contains mainly green and blue colors. Web safe color of #378FAD is #339999 (or #399).

RGB color model

#378FAD color RGB value is (55,143,173).

red value is 55;
green value is 143;
blue value is 173.

RGB:
(55,143,173)
(22%,56%,68%)

RGB channels and saturation

R 55 of 255 = 22%
G 143 of 255 = 56%
B 173 of 255 = 68%

143

173

R + G + B ~ 49%. #378FAD is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
55 + 143 + 173 = 371 (100%)
R 55 of 371 ~ 14.82%
G 143 of 371 ~ 38.54%
B 173 of 371 ~ 46.63%

%14.82

%38.54

%46.63

CMYK color model

#378FAD color CMYK value is (68,17,0,32).

cyan value is 68.21%
magenta value is 17.34%
yellow value is 0.00%
key color value is 32.16%

CMYK:
(68,17,0,32)
C68M17Y0K32 
(68%,17%,0%,32%)
(0.68/0.17/0.00/0.32)

CMYK percentages

%68.21

%17.34

%32.16

Codes

Color #378FAD in popluar color models

	37	8F	AD
RGB	55	143	173
HSL	195°	51.75%	44.71%
HSB/HSV	195°	68.21%	67.84%
CMYK	68.21%	17.34%	0.00%
CMYK	32.16%

Color #378FAD in popluar number systems.

HEX	37	8F	AD
Decimal	55	143	173
Binary	110111	10001111	10101101
Octal	67	217	255

Shades and tints

Shades of #378FAD

#378FAD
(55,143,173)

#32829E
(50,130,158)

#2D758F
(45,117,143)

#286880
(40,104,128)

#235B71
(35,91,113)

#1E4E62
(30,78,98)

#194153
(25,65,83)

#143444
(20,52,68)

#0F2735
(15,39,53)

#0A1A26
(10,26,38)

#050D17
(5,13,23)

#000000
(0,0,0)

Tints of #378FAD

#378FAD
(55,143,173)

#4999B4
(73,153,180)

#5BA3BB
(91,163,187)

#6DADC2
(109,173,194)

#7FB7C9
(127,183,201)

#91C1D0
(145,193,208)

#A3CBD7
(163,203,215)

#B5D5DE
(181,213,222)

#C7DFE5
(199,223,229)

#D9E9EC
(217,233,236)

#EBF3F3
(235,243,243)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #378FAD color. Also use rgb(55,143,173) instead hex code.

Text Font Color

.myTextColor { color: #378FAD; }

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

This text font color is #378FAD.

Background Color

.myBgColor { background-color: #378FAD; }

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

This div background color is #378FAD.

Border color

.myBorderColor { border: 1px solid #378FAD; }

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

This div border color is #378FAD.

Opacity

.myOpacity80 { color: #378FAD; opacity: 0.8; }

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

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

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

This text has shadow with #378FAD color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #378FAD.

Preview

Color preview on black background

This text has color #378FAD on black background.

Color preview on white background

This text has color #378FAD on white background.

Black color preview on #378FAD background

This text has black color on #378FAD background.

White color preview on #378FAD background

This text has white color on #378FAD background.