Color #196FB2

Color info

#196FB2 contains mainly blue color. Web safe color of #196FB2 is #006699 (or #069).

RGB color model

#196FB2 color RGB value is (25,111,178).

red value is 25;
green value is 111;
blue value is 178.

RGB: (25,111,178) (10%, 44%, 70%)

RGB channels and saturation

R 25 of 255 = 10%
G 111 of 255 = 44%
B 178 of 255 = 70%

25

111

178

R + G + B ~ 41%. #196FB2 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 25 + 111 + 178 = 314 (100%)
R 25 of 314 ~ 7.96%
G 111 of 314 ~ 35.35%
B 178 of 314 ~ 56.69'%

%35.35

%56.69

CMYK color model

#196FB2 color CMYK value is (86,38,0,30).

cyan value is 85.96%
magenta value is 37.64%
yellow value is 0.00%
key color value is 30.20%

CMYK: (86,38,0,30)
C86M38Y0K30 (86%, 38%, 0%, 30%)
(0.86 / 0.38 / 0.00 / 0.30)

CMYK percentages

%85.96

%37.64

%0

%30.2

Codes

Color #196FB2 in popluar color models

	19	6F	B2
RGB	25	111	178
HSL	206°	75.37%	39.80%
HSB/HSV	206°	85.96%	69.80%
CMYK	85.96%	37.64%	0.00%
CMYK	30.20%

Color #196FB2 in popluar number systems.

HEX	19	6F	B2
Decimal	25	111	178
Binary	11001	1101111	10110010
Octal	31	157	262

Shades and tints

Shades of #196FB2

#196FB2
(25,111,178)

#1765A2
(23,101,162)

#155B92
(21,91,146)

#135182
(19,81,130)

#114772
(17,71,114)

#0F3D62
(15,61,98)

#0D3352
(13,51,82)

#0B2942
(11,41,66)

#091F32
(9,31,50)

#071522
(7,21,34)

#050B12
(5,11,18)

#000000
(0,0,0)

Tints of #196FB2

#196FB2
(25,111,178)

#2D7CB9
(45,124,185)

#4189C0
(65,137,192)

#5596C7
(85,150,199)

#69A3CE
(105,163,206)

#7DB0D5
(125,176,213)

#91BDDC
(145,189,220)

#A5CAE3
(165,202,227)

#B9D7EA
(185,215,234)

#CDE4F1
(205,228,241)

#E1F1F8
(225,241,248)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #196FB2 color. Also use rgb(25,111,178) instead hex code.

Text Font Color

.myTextColor { color: #196FB2; }

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

This text font color is #196FB2.

Background Color

.myBgColor { background-color: #196FB2; }

<div style="background-color:#196FB2">Inner text</div>

This div background color is #196FB2.

Border color

.myBorderColor { border: 1px solid #196FB2; }

This div border color is #196FB2.

Opacity

.myOpacity80 { color: #196FB2; opacity: 0.8; }

Text with #196FB2 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 #196FB2;}

This text has shadow with #196FB2 color.

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

This text has shadow with #196FB2 primary color and red secondary color.

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

This text has shadow with #196FB2 and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #196FB2.