COLOR #12D756

HEX: #12D756 RGB: (18,215,86)

Color info

#12D756 contains mainly green color. Web safe color of #12D756 is #00CC66 (or #0C6).

RGB color model

#12D756 color RGB value is (18,215,86).

RGB: (18,215,86) (7%, 84%, 34%)

RGB channels and saturation

R 18 of 255 = 7%
G 215 of 255 = 84%
B 86 of 255 = 34%

18
215
86

R + G + B ~ 42%. #12D756 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 18 + 215 + 86 = 319 (100%)
R 18 of 319 ~ 5.64%
G 215 of 319 ~ 67.4%
B 86 of 319 ~ 26.96'%

%67.4
%26.96

CMYK color model

#12D756 color CMYK value is (92,0,60,16).

  • cyan value is 91.63%
  • magenta value is 0.00%
  • yellow value is 60.00%
  • key color value is 15.69%

CMYK: (92,0,60,16)
C92M0Y60K16 (92%, 0%, 60%, 16%)
(0.92 / 0.00 / 0.60 / 0.16)

CMYK percentages

%91.63
%0
%60
%15.69

Codes

Color #12D756 in popluar color models

12 D7 56
RGB 18 215 86
HSL 141° 84.55% 45.69%
HSB/HSV 141° 91.63% 84.31%
CMYK 91.63% 0.00% 60.00%
15.69%

Color #12D756 in popluar number systems.

HEX 12 D7 56
Decimal 18 215 86
Binary 10010 11010111 1010110
Octal 22 327 126

Shades and tints

Shades of #12D756

#12D756
(18,215,86)
#11C44F
(17,196,79)
#10B148
(16,177,72)
#0F9E41
(15,158,65)
#0E8B3A
(14,139,58)
#0D7833
(13,120,51)
#0C652C
(12,101,44)
#0B5225
(11,82,37)
#0A3F1E
(10,63,30)
#092C17
(9,44,23)
#081910
(8,25,16)
#000000
(0,0,0)

Tints of #12D756

#12D756
(18,215,86)
#27DA65
(39,218,101)
#3CDD74
(60,221,116)
#51E083
(81,224,131)
#66E392
(102,227,146)
#7BE6A1
(123,230,161)
#90E9B0
(144,233,176)
#A5ECBF
(165,236,191)
#BAEFCE
(186,239,206)
#CFF2DD
(207,242,221)
#E4F5EC
(228,245,236)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #12D756 color. Also use rgb(18,215,86) instead hex code.

Text Font Color

.myTextColor { color: #12D756; }

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

This text font color is #12D756.

Background Color

.myBgColor { background-color: #12D756; }

<div style="background-color:#12D756">Inner text</div>

This div background color is #12D756.

Border color

.myBorderColor { border: 1px solid #12D756; }

<div style="border:3px solid #12D756">Div</div>

This div border color is #12D756.

Opacity

.myOpacity80 { color: #12D756; opacity: 0.8; }

<p style="color:#12D756;opacity:0.8;">80%</p>

Text with #12D756 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 #12D756;}

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

This text has shadow with #12D756 color.


.textShadow {text-shadow: 3px 3px 1px #12D756', 3px 3px 1px red;}

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

This text has shadow with #12D756 primary color and red secondary color.


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

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

This text has shadow with #12D756 and red colors in old Internet Explorer.

Div box shadow color

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #12D756; -webkit-box-shadow: 1px 1px 3px 2px #12D756; box-shadow:1px 1px 3px 2px #12D756;">
Div content here
</div>

This div box has shadow with color #12D756.

Preview

Color preview on black background

This text has color #12D756 on black background.


Color preview on white background

This text has color #12D756 on white background.


Black color preview on #12D756 background

This text has black color on #12D756 background.


White color preview on #12D756 background

This text has white color on #12D756 background.


Related colors

Complementary color

Complementary color for #hex is #ED28A9.


I love getcolorcode.com

Triadic colors

1 #5612D7 and #D75612 with #12D756 are triadic colors.

2 #56D712 and #D71256 with #12D756 are triadic colors.