COLOR #0ABC12

HEX: #0ABC12
RGB: (10,188,18)

Color info

#0ABC12 contains mainly green color. Web safe color of #0ABC12 is #00CC00 (or #0C0).

RGB color model

#0ABC12 color RGB value is (10,188,18).

  • red value is 10;
  • green value is 188;
  • blue value is 18.
RGB:
(10,188,18)
(4%,74%,7%)

RGB channels and saturation

R 10 of 255 = 4%
G 188 of 255 = 74%
B 18 of 255 = 7%

10
188
18

R + G + B ~ 28%. #0ABC12 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
10 + 188 + 18 = 216 (100%)
R 10 of 216 ~ 4.63%
G 188 of 216 ~ 87.04%
B 18 of 216 ~ 8.33%

%87.04

CMYK color model

#0ABC12 color CMYK value is (95,0,90,26).

  • cyan value is 94.68%
  • magenta value is 0.00%
  • yellow value is 90.43%
  • key color value is 26.27%
CMYK:
(95,0,90,26)
C95M0Y90K26 
(95%,0%,90%,26%)
(0.95/0.00/0.90/0.26)	

CMYK percentages

%94.68
%0
%90.43
%26.27

Codes

Color #0ABC12 in popluar color models

0ABC12
RGB1018818
HSL123°89.90%38.82%
HSB/HSV123°94.68%73.73%
CMYK94.68%0.00%90.43%
26.27%

Color #0ABC12 in popluar number systems.

HEX0ABC12
Decimal1018818
Binary10101011110010010
Octal1227422

Shades and tints

Shades of #0ABC12

#0ABC12
(10,188,18)
#0AAB11
(10,171,17)
#0A9A10
(10,154,16)
#0A890F
(10,137,15)
#0A780E
(10,120,14)
#0A670D
(10,103,13)
#0A560C
(10,86,12)
#0A450B
(10,69,11)
#0A340A
(10,52,10)
#0A2309
(10,35,9)
#0A1208
(10,18,8)
#000000
(0,0,0)

Tints of #0ABC12

#0ABC12
(10,188,18)
#20C227
(32,194,39)
#36C83C
(54,200,60)
#4CCE51
(76,206,81)
#62D466
(98,212,102)
#78DA7B
(120,218,123)
#8EE090
(142,224,144)
#A4E6A5
(164,230,165)
#BAECBA
(186,236,186)
#D0F2CF
(208,242,207)
#E6F8E4
(230,248,228)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #0ABC12 color. Also use rgb(10,188,18) instead hex code.

Text Font Color

.myTextColor { color: #0ABC12; }

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

This text font color is #0ABC12.


Background Color

.myBgColor { background-color: #0ABC12; }

<div style="background-color:#0ABC12">Inner text</div>

This div background color is #0ABC12.


Border color

.myBorderColor { border: 1px solid #0ABC12; }

<div style="border:3px solid #0ABC12">Div</div>

This div border color is #0ABC12.


Opacity

.myOpacity80 { color: #0ABC12; opacity: 0.8; }

<p style="color:#0ABC12;opacity:0.8;">80%</p>

Text with #0ABC12 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 #0ABC12;}

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

This text has shadow with #0ABC12 color.

.textShadow {text-shadow: 3px 3px 1px #0ABC12, 3px 3px 1px red;}

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

This text has shadow with #0ABC12 primary color and red secondary color.


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

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

This text has shadow with #0ABC12 and red colors in old Internet Explorer.


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #0ABC12 on black background.


Color preview on white background

This text has color #0ABC12 on white background.



Black color preview on #0ABC12 background

This text has black color on #0ABC12 background.


White color preview on #0ABC12 background

This text has white color on #0ABC12 background.