Color #0374AE

Color info

#0374AE contains mainly green and blue colors. Web safe color of #0374AE is #006699 (or #069).

RGB color model

#0374AE color RGB value is (3,116,174).

red value is 3;
green value is 116;
blue value is 174.

RGB:
(3,116,174)
(1%,45%,68%)

RGB channels and saturation

R 3 of 255 = 1%
G 116 of 255 = 45%
B 174 of 255 = 68%

116

174

R + G + B ~ 38%. #0374AE is quite dark color.

Portions of RGB colors in percentages

R + G + B =
3 + 116 + 174 = 293 (100%)
R 3 of 293 ~ 1.02%
G 116 of 293 ~ 39.59%
B 174 of 293 ~ 59.39%

%39.59

%59.39

CMYK color model

#0374AE color CMYK value is (98,33,0,32).

cyan value is 98.28%
magenta value is 33.33%
yellow value is 0.00%
key color value is 31.76%

CMYK:
(98,33,0,32)
C98M33Y0K32 
(98%,33%,0%,32%)
(0.98/0.33/0.00/0.32)

CMYK percentages

%98.28

%33.33

%31.76

Codes

Color #0374AE in popluar color models

	03	74	AE
RGB	3	116	174
HSL	200°	96.61%	34.71%
HSB/HSV	200°	98.28%	68.24%
CMYK	98.28%	33.33%	0.00%
CMYK	31.76%

Color #0374AE in popluar number systems.

HEX	03	74	AE
Decimal	3	116	174
Binary	11	1110100	10101110
Octal	3	164	256

Shades and tints

Shades of #0374AE

#0374AE
(3,116,174)

#036A9F
(3,106,159)

#036090
(3,96,144)

#035681
(3,86,129)

#034C72
(3,76,114)

#034263
(3,66,99)

#033854
(3,56,84)

#032E45
(3,46,69)

#032436
(3,36,54)

#031A27
(3,26,39)

#031018
(3,16,24)

#000000
(0,0,0)

Tints of #0374AE

#0374AE
(3,116,174)

#1980B5
(25,128,181)

#2F8CBC
(47,140,188)

#4598C3
(69,152,195)

#5BA4CA
(91,164,202)

#71B0D1
(113,176,209)

#87BCD8
(135,188,216)

#9DC8DF
(157,200,223)

#B3D4E6
(179,212,230)

#C9E0ED
(201,224,237)

#DFECF4
(223,236,244)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #0374AE color. Also use rgb(3,116,174) instead hex code.

Text Font Color

.myTextColor { color: #0374AE; }

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

This text font color is #0374AE.

Background Color

.myBgColor { background-color: #0374AE; }

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

This div background color is #0374AE.

Border color

.myBorderColor { border: 1px solid #0374AE; }

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

This div border color is #0374AE.

Opacity

.myOpacity80 { color: #0374AE; opacity: 0.8; }

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

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

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

This text has shadow with #0374AE color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #0374AE.

Preview

Color preview on black background

This text has color #0374AE on black background.

Color preview on white background

This text has color #0374AE on white background.

Black color preview on #0374AE background

This text has black color on #0374AE background.

White color preview on #0374AE background

This text has white color on #0374AE background.