COLOR #06727F

HEX: #06727F
RGB: (6,114,127)

Color info

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

RGB color model

#06727F color RGB value is (6,114,127).

  • red value is 6;
  • green value is 114;
  • blue value is 127.
RGB:
(6,114,127)
(2%,45%,50%)

RGB channels and saturation

R 6 of 255 = 2%
G 114 of 255 = 45%
B 127 of 255 = 50%

6
114
127

R + G + B ~ 32%. #06727F is quite dark color.

Portions of RGB colors in percentages

R + G + B =
6 + 114 + 127 = 247 (100%)
R 6 of 247 ~ 2.43%
G 114 of 247 ~ 46.15%
B 127 of 247 ~ 51.42%

%46.15
%51.42

CMYK color model

#06727F color CMYK value is (95,10,0,50).

  • cyan value is 95.28%
  • magenta value is 10.24%
  • yellow value is 0.00%
  • key color value is 50.20%
CMYK:
(95,10,0,50)
C95M10Y0K50 
(95%,10%,0%,50%)
(0.95/0.10/0.00/0.50)	

CMYK percentages

%95.28
%10.24
%0
%50.2

Codes

Color #06727F in popluar color models

06727F
RGB6114127
HSL186°90.98%26.08%
HSB/HSV186°95.28%49.80%
CMYK95.28%10.24%0.00%
50.20%

Color #06727F in popluar number systems.

HEX06727F
Decimal6114127
Binary11011100101111111
Octal6162177

Shades and tints

Shades of #06727F

#06727F
(6,114,127)
#066874
(6,104,116)
#065E69
(6,94,105)
#06545E
(6,84,94)
#064A53
(6,74,83)
#064048
(6,64,72)
#06363D
(6,54,61)
#062C32
(6,44,50)
#062227
(6,34,39)
#06181C
(6,24,28)
#060E11
(6,14,17)
#000000
(0,0,0)

Tints of #06727F

#06727F
(6,114,127)
#1C7E8A
(28,126,138)
#328A95
(50,138,149)
#4896A0
(72,150,160)
#5EA2AB
(94,162,171)
#74AEB6
(116,174,182)
#8ABAC1
(138,186,193)
#A0C6CC
(160,198,204)
#B6D2D7
(182,210,215)
#CCDEE2
(204,222,226)
#E2EAED
(226,234,237)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #06727F color. Also use rgb(6,114,127) instead hex code.

Text Font Color

.myTextColor { color: #06727F; }

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

This text font color is #06727F.


Background Color

.myBgColor { background-color: #06727F; }

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

This div background color is #06727F.


Border color

.myBorderColor { border: 1px solid #06727F; }

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

This div border color is #06727F.


Opacity

.myOpacity80 { color: #06727F; opacity: 0.8; }

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

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

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

This text has shadow with #06727F color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #06727F on black background.


Color preview on white background

This text has color #06727F on white background.



Black color preview on #06727F background

This text has black color on #06727F background.


White color preview on #06727F background

This text has white color on #06727F background.