COLOR #197189

HEX: #197189
RGB: (25,113,137)

Color info

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

RGB color model

#197189 color RGB value is (25,113,137).

  • red value is 25;
  • green value is 113;
  • blue value is 137.
RGB:
(25,113,137)
(10%,44%,54%)

RGB channels and saturation

R 25 of 255 = 10%
G 113 of 255 = 44%
B 137 of 255 = 54%

25
113
137

R + G + B ~ 36%. #197189 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
25 + 113 + 137 = 275 (100%)
R 25 of 275 ~ 9.09%
G 113 of 275 ~ 41.09%
B 137 of 275 ~ 49.82%

%41.09
%49.82

CMYK color model

#197189 color CMYK value is (82,18,0,46).

  • cyan value is 81.75%
  • magenta value is 17.52%
  • yellow value is 0.00%
  • key color value is 46.27%
CMYK:
(82,18,0,46)
C82M18Y0K46 
(82%,18%,0%,46%)
(0.82/0.18/0.00/0.46)	

CMYK percentages

%81.75
%17.52
%0
%46.27

Codes

Color #197189 in popluar color models

197189
RGB25113137
HSL193°69.14%31.76%
HSB/HSV193°81.75%53.73%
CMYK81.75%17.52%0.00%
46.27%

Color #197189 in popluar number systems.

HEX197189
Decimal25113137
Binary11001111000110001001
Octal31161211

Shades and tints

Shades of #197189

#197189
(25,113,137)
#17677D
(23,103,125)
#155D71
(21,93,113)
#135365
(19,83,101)
#114959
(17,73,89)
#0F3F4D
(15,63,77)
#0D3541
(13,53,65)
#0B2B35
(11,43,53)
#092129
(9,33,41)
#07171D
(7,23,29)
#050D11
(5,13,17)
#000000
(0,0,0)

Tints of #197189

#197189
(25,113,137)
#2D7D93
(45,125,147)
#41899D
(65,137,157)
#5595A7
(85,149,167)
#69A1B1
(105,161,177)
#7DADBB
(125,173,187)
#91B9C5
(145,185,197)
#A5C5CF
(165,197,207)
#B9D1D9
(185,209,217)
#CDDDE3
(205,221,227)
#E1E9ED
(225,233,237)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #197189 color. Also use rgb(25,113,137) instead hex code.

Text Font Color

.myTextColor { color: #197189; }

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

This text font color is #197189.


Background Color

.myBgColor { background-color: #197189; }

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

This div background color is #197189.


Border color

.myBorderColor { border: 1px solid #197189; }

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

This div border color is #197189.


Opacity

.myOpacity80 { color: #197189; opacity: 0.8; }

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

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

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

This text has shadow with #197189 color.

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

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

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


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

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

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


Div box shadow color

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #197189;
-webkit-box-shadow: 1px 1px 3px 2px #197189;
box-shadow:1px 1px 3px 2px #197189;">
Div content here</div>
This div box has shadow with color #197189.

Preview

Color preview on black background

This text has color #197189 on black background.


Color preview on white background

This text has color #197189 on white background.



Black color preview on #197189 background

This text has black color on #197189 background.


White color preview on #197189 background

This text has white color on #197189 background.