COLOR #06A45A

HEX: #06A45A
RGB: (6,164,90)

Color info

#06A45A contains mainly green color. Web safe color of #06A45A is #009966 (or #096).

RGB color model

#06A45A color RGB value is (6,164,90).

  • red value is 6;
  • green value is 164;
  • blue value is 90.
RGB:
(6,164,90)
(2%,64%,35%)

RGB channels and saturation

R 6 of 255 = 2%
G 164 of 255 = 64%
B 90 of 255 = 35%

6
164
90

R + G + B ~ 34%. #06A45A is quite dark color.

Portions of RGB colors in percentages

R + G + B =
6 + 164 + 90 = 260 (100%)
R 6 of 260 ~ 2.31%
G 164 of 260 ~ 63.08%
B 90 of 260 ~ 34.62%

%63.08
%34.62

CMYK color model

#06A45A color CMYK value is (96,0,45,36).

  • cyan value is 96.34%
  • magenta value is 0.00%
  • yellow value is 45.12%
  • key color value is 35.69%
CMYK:
(96,0,45,36)
C96M0Y45K36 
(96%,0%,45%,36%)
(0.96/0.00/0.45/0.36)	

CMYK percentages

%96.34
%0
%45.12
%35.69

Codes

Color #06A45A in popluar color models

06A45A
RGB616490
HSL152°92.94%33.33%
HSB/HSV152°96.34%64.31%
CMYK96.34%0.00%45.12%
35.69%

Color #06A45A in popluar number systems.

HEX06A45A
Decimal616490
Binary110101001001011010
Octal6244132

Shades and tints

Shades of #06A45A

#06A45A
(6,164,90)
#069652
(6,150,82)
#06884A
(6,136,74)
#067A42
(6,122,66)
#066C3A
(6,108,58)
#065E32
(6,94,50)
#06502A
(6,80,42)
#064222
(6,66,34)
#06341A
(6,52,26)
#062612
(6,38,18)
#06180A
(6,24,10)
#000000
(0,0,0)

Tints of #06A45A

#06A45A
(6,164,90)
#1CAC69
(28,172,105)
#32B478
(50,180,120)
#48BC87
(72,188,135)
#5EC496
(94,196,150)
#74CCA5
(116,204,165)
#8AD4B4
(138,212,180)
#A0DCC3
(160,220,195)
#B6E4D2
(182,228,210)
#CCECE1
(204,236,225)
#E2F4F0
(226,244,240)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #06A45A color. Also use rgb(6,164,90) instead hex code.

Text Font Color

.myTextColor { color: #06A45A; }

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

This text font color is #06A45A.


Background Color

.myBgColor { background-color: #06A45A; }

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

This div background color is #06A45A.


Border color

.myBorderColor { border: 1px solid #06A45A; }

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

This div border color is #06A45A.


Opacity

.myOpacity80 { color: #06A45A; opacity: 0.8; }

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

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

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

This text has shadow with #06A45A color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #06A45A on black background.


Color preview on white background

This text has color #06A45A on white background.



Black color preview on #06A45A background

This text has black color on #06A45A background.


White color preview on #06A45A background

This text has white color on #06A45A background.