Color #195F6E

Color info

#195F6E contains mainly green and blue colors. Web safe color of #195F6E is #006666 (or #066).

RGB color model

#195F6E color RGB value is (25,95,110).

red value is 25;
green value is 95;
blue value is 110.

RGB:
(25,95,110)
(10%,37%,43%)

RGB channels and saturation

R 25 of 255 = 10%
G 95 of 255 = 37%
B 110 of 255 = 43%

110

R + G + B ~ 30%. #195F6E is quite dark color.

Portions of RGB colors in percentages

R + G + B =
25 + 95 + 110 = 230 (100%)
R 25 of 230 ~ 10.87%
G 95 of 230 ~ 41.3%
B 110 of 230 ~ 47.83%

%10.87

%41.3

%47.83

CMYK color model

#195F6E color CMYK value is (77,14,0,57).

cyan value is 77.27%
magenta value is 13.64%
yellow value is 0.00%
key color value is 56.86%

CMYK:
(77,14,0,57)
C77M14Y0K57 
(77%,14%,0%,57%)
(0.77/0.14/0.00/0.57)

CMYK percentages

%77.27

%13.64

%56.86

Codes

Color #195F6E in popluar color models

	19	5F	6E
RGB	25	95	110
HSL	191°	62.96%	26.47%
HSB/HSV	191°	77.27%	43.14%
CMYK	77.27%	13.64%	0.00%
CMYK	56.86%

Color #195F6E in popluar number systems.

HEX	19	5F	6E
Decimal	25	95	110
Binary	11001	1011111	1101110
Octal	31	137	156

Shades and tints

Shades of #195F6E

#195F6E
(25,95,110)

#175764
(23,87,100)

#154F5A
(21,79,90)

#134750
(19,71,80)

#113F46
(17,63,70)

#0F373C
(15,55,60)

#0D2F32
(13,47,50)

#0B2728
(11,39,40)

#091F1E
(9,31,30)

#071714
(7,23,20)

#050F0A
(5,15,10)

#000000
(0,0,0)

Tints of #195F6E

#195F6E
(25,95,110)

#2D6D7B
(45,109,123)

#417B88
(65,123,136)

#558995
(85,137,149)

#6997A2
(105,151,162)

#7DA5AF
(125,165,175)

#91B3BC
(145,179,188)

#A5C1C9
(165,193,201)

#B9CFD6
(185,207,214)

#CDDDE3
(205,221,227)

#E1EBF0
(225,235,240)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #195F6E color. Also use rgb(25,95,110) instead hex code.

Text Font Color

.myTextColor { color: #195F6E; }

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

This text font color is #195F6E.

Background Color

.myBgColor { background-color: #195F6E; }

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

This div background color is #195F6E.

Border color

.myBorderColor { border: 1px solid #195F6E; }

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

This div border color is #195F6E.

Opacity

.myOpacity80 { color: #195F6E; opacity: 0.8; }

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

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

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

This text has shadow with #195F6E color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #195F6E.

Preview

Color preview on black background

This text has color #195F6E on black background.

Color preview on white background

This text has color #195F6E on white background.

Black color preview on #195F6E background

This text has black color on #195F6E background.

White color preview on #195F6E background

This text has white color on #195F6E background.