COLOR #069A24

HEX: #069A24
RGB: (6,154,36)

Color info

#069A24 contains mainly green color. Web safe color of #069A24 is #009933 (or #093).

RGB color model

#069A24 color RGB value is (6,154,36).

  • red value is 6;
  • green value is 154;
  • blue value is 36.
RGB:
(6,154,36)
(2%,60%,14%)

RGB channels and saturation

R 6 of 255 = 2%
G 154 of 255 = 60%
B 36 of 255 = 14%

6
154
36

R + G + B ~ 25%. #069A24 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
6 + 154 + 36 = 196 (100%)
R 6 of 196 ~ 3.06%
G 154 of 196 ~ 78.57%
B 36 of 196 ~ 18.37%

%78.57
%18.37

CMYK color model

#069A24 color CMYK value is (96,0,77,40).

  • cyan value is 96.10%
  • magenta value is 0.00%
  • yellow value is 76.62%
  • key color value is 39.61%
CMYK:
(96,0,77,40)
C96M0Y77K40 
(96%,0%,77%,40%)
(0.96/0.00/0.77/0.40)	

CMYK percentages

%96.1
%0
%76.62
%39.61

Codes

Color #069A24 in popluar color models

069A24
RGB615436
HSL132°92.50%31.37%
HSB/HSV132°96.10%60.39%
CMYK96.10%0.00%76.62%
39.61%

Color #069A24 in popluar number systems.

HEX069A24
Decimal615436
Binary11010011010100100
Octal623244

Shades and tints

Shades of #069A24

#069A24
(6,154,36)
#068C21
(6,140,33)
#067E1E
(6,126,30)
#06701B
(6,112,27)
#066218
(6,98,24)
#065415
(6,84,21)
#064612
(6,70,18)
#06380F
(6,56,15)
#062A0C
(6,42,12)
#061C09
(6,28,9)
#060E06
(6,14,6)
#000000
(0,0,0)

Tints of #069A24

#069A24
(6,154,36)
#1CA337
(28,163,55)
#32AC4A
(50,172,74)
#48B55D
(72,181,93)
#5EBE70
(94,190,112)
#74C783
(116,199,131)
#8AD096
(138,208,150)
#A0D9A9
(160,217,169)
#B6E2BC
(182,226,188)
#CCEBCF
(204,235,207)
#E2F4E2
(226,244,226)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #069A24 color. Also use rgb(6,154,36) instead hex code.

Text Font Color

.myTextColor { color: #069A24; }

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

This text font color is #069A24.


Background Color

.myBgColor { background-color: #069A24; }

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

This div background color is #069A24.


Border color

.myBorderColor { border: 1px solid #069A24; }

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

This div border color is #069A24.


Opacity

.myOpacity80 { color: #069A24; opacity: 0.8; }

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

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

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

This text has shadow with #069A24 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #069A24 on black background.


Color preview on white background

This text has color #069A24 on white background.



Black color preview on #069A24 background

This text has black color on #069A24 background.


White color preview on #069A24 background

This text has white color on #069A24 background.