Color #388AA6

Color info

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

RGB color model

#388AA6 color RGB value is (56,138,166).

red value is 56;
green value is 138;
blue value is 166.

RGB: (56,138,166) (22%, 54%, 65%)

RGB channels and saturation

R 56 of 255 = 22%
G 138 of 255 = 54%
B 166 of 255 = 65%

56

138

166

R + G + B ~ 47%. #388AA6 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 56 + 138 + 166 = 360 (100%)
R 56 of 360 ~ 15.56%
G 138 of 360 ~ 38.33%
B 166 of 360 ~ 46.11'%

%15.56

%38.33

%46.11

CMYK color model

#388AA6 color CMYK value is (66,17,0,35).

cyan value is 66.27%
magenta value is 16.87%
yellow value is 0.00%
key color value is 34.90%

CMYK: (66,17,0,35)
C66M17Y0K35 (66%, 17%, 0%, 35%)
(0.66 / 0.17 / 0.00 / 0.35)

CMYK percentages

%66.27

%16.87

%0

%34.9

Codes

Color #388AA6 in popluar color models

	38	8A	A6
RGB	56	138	166
HSL	195°	49.55%	43.53%
HSB/HSV	195°	66.27%	65.10%
CMYK	66.27%	16.87%	0.00%
CMYK	34.90%

Color #388AA6 in popluar number systems.

HEX	38	8A	A6
Decimal	56	138	166
Binary	111000	10001010	10100110
Octal	70	212	246

Shades and tints

Shades of #388AA6

#388AA6
(56,138,166)

#337E97
(51,126,151)

#2E7288
(46,114,136)

#296679
(41,102,121)

#245A6A
(36,90,106)

#1F4E5B
(31,78,91)

#1A424C
(26,66,76)

#15363D
(21,54,61)

#102A2E
(16,42,46)

#0B1E1F
(11,30,31)

#061210
(6,18,16)

#000000
(0,0,0)

Tints of #388AA6

#388AA6
(56,138,166)

#4A94AE
(74,148,174)

#5C9EB6
(92,158,182)

#6EA8BE
(110,168,190)

#80B2C6
(128,178,198)

#92BCCE
(146,188,206)

#A4C6D6
(164,198,214)

#B6D0DE
(182,208,222)

#C8DAE6
(200,218,230)

#DAE4EE
(218,228,238)

#ECEEF6
(236,238,246)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #388AA6 color. Also use rgb(56,138,166) instead hex code.

Text Font Color

.myTextColor { color: #388AA6; }

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

This text font color is #388AA6.

Background Color

.myBgColor { background-color: #388AA6; }

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

This div background color is #388AA6.

Border color

.myBorderColor { border: 1px solid #388AA6; }

This div border color is #388AA6.

Opacity

.myOpacity80 { color: #388AA6; opacity: 0.8; }

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

This text has shadow with #388AA6 color.

.textShadow {text-shadow: 3px 3px 1px #388AA6', 3px 3px 1px red;}

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

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

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

Div box shadow color

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

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

This div box has shadow with color #388AA6.