COLOR #066E39

HEX: #066E39
RGB: (6,110,57)

Color info

#066E39 contains mainly green and blue colors. Web safe color of #066E39 is #006633 (or #063).

RGB color model

#066E39 color RGB value is (6,110,57).

  • red value is 6;
  • green value is 110;
  • blue value is 57.
RGB:
(6,110,57)
(2%,43%,22%)

RGB channels and saturation

R 6 of 255 = 2%
G 110 of 255 = 43%
B 57 of 255 = 22%

6
110
57

R + G + B ~ 22%. #066E39 is dark color.

Portions of RGB colors in percentages

R + G + B =
6 + 110 + 57 = 173 (100%)
R 6 of 173 ~ 3.47%
G 110 of 173 ~ 63.58%
B 57 of 173 ~ 32.95%

%63.58
%32.95

CMYK color model

#066E39 color CMYK value is (95,0,48,57).

  • cyan value is 94.55%
  • magenta value is 0.00%
  • yellow value is 48.18%
  • key color value is 56.86%
CMYK:
(95,0,48,57)
C95M0Y48K57 
(95%,0%,48%,57%)
(0.95/0.00/0.48/0.57)	

CMYK percentages

%94.55
%0
%48.18
%56.86

Codes

Color #066E39 in popluar color models

066E39
RGB611057
HSL149°89.66%22.75%
HSB/HSV149°94.55%43.14%
CMYK94.55%0.00%48.18%
56.86%

Color #066E39 in popluar number systems.

HEX066E39
Decimal611057
Binary1101101110111001
Octal615671

Shades and tints

Shades of #066E39

#066E39
(6,110,57)
#066434
(6,100,52)
#065A2F
(6,90,47)
#06502A
(6,80,42)
#064625
(6,70,37)
#063C20
(6,60,32)
#06321B
(6,50,27)
#062816
(6,40,22)
#061E11
(6,30,17)
#06140C
(6,20,12)
#060A07
(6,10,7)
#000000
(0,0,0)

Tints of #066E39

#066E39
(6,110,57)
#1C7B4B
(28,123,75)
#32885D
(50,136,93)
#48956F
(72,149,111)
#5EA281
(94,162,129)
#74AF93
(116,175,147)
#8ABCA5
(138,188,165)
#A0C9B7
(160,201,183)
#B6D6C9
(182,214,201)
#CCE3DB
(204,227,219)
#E2F0ED
(226,240,237)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #066E39 color. Also use rgb(6,110,57) instead hex code.

Text Font Color

.myTextColor { color: #066E39; }

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

This text font color is #066E39.


Background Color

.myBgColor { background-color: #066E39; }

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

This div background color is #066E39.


Border color

.myBorderColor { border: 1px solid #066E39; }

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

This div border color is #066E39.


Opacity

.myOpacity80 { color: #066E39; opacity: 0.8; }

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

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

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

This text has shadow with #066E39 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #066E39 on black background.


Color preview on white background

This text has color #066E39 on white background.



Black color preview on #066E39 background

This text has black color on #066E39 background.


White color preview on #066E39 background

This text has white color on #066E39 background.