COLOR #51C6BA

HEX: #51C6BA RGB: (81,198,186)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#51C6BA contains mainly green and blue colors. Web safe color of #51C6BA is #66CCCC (or #6CC).

RGB color model

#51C6BA color RGB value is (81,198,186).

red value is 81;
green value is 198;
blue value is 186.

RGB: (81,198,186) (32%, 78%, 73%)

RGB channels and saturation

R 81 of 255 = 32%
G 198 of 255 = 78%
B 186 of 255 = 73%

198

186

R + G + B ~ 61%. #51C6BA is quite light color.

Portions of RGB colors in percentages

R + G + B = 81 + 198 + 186 = 465 (100%)
R 81 of 465 ~ 17.42%
G 198 of 465 ~ 42.58%
B 186 of 465 ~ 40'%

%17.42

%42.58

%40

CMYK color model

#51C6BA color CMYK value is (59,0,6,22).

cyan value is 59.09%
magenta value is 0.00%
yellow value is 6.06%
key color value is 22.35%

CMYK: (59,0,6,22) C59M0Y6K22 (59%,0%,6%,22%) (0.59/0.00/0.06/0.22)

CMYK percentages

%59.09

%6.06

%22.35

Codes

Color #51C6BA in popluar color models

	51	C6	BA
RGB	81	198	186
HSL	174°	50.65%	54.71%
HSB/HSV	174°	59.09%	77.65%
CMYK	59.09%	0.00%	6.06%
CMYK	22.35%

Color #51C6BA in popluar number systems.

HEX	51	C6	BA
Decimal	81	198	186
Binary	1010001	11000110	10111010
Octal	121	306	272

Shades and tints

Shades of #51C6BA

#51C6BA
(81,198,186)

#4AB4AA
(74,180,170)

#43A29A
(67,162,154)

#3C908A
(60,144,138)

#357E7A
(53,126,122)

#2E6C6A
(46,108,106)

#275A5A
(39,90,90)

#20484A
(32,72,74)

#19363A
(25,54,58)

#12242A
(18,36,42)

#0B121A
(11,18,26)

#000000
(0,0,0)

Tints of #51C6BA

#51C6BA
(81,198,186)

#60CBC0
(96,203,192)

#6FD0C6
(111,208,198)

#7ED5CC
(126,213,204)

#8DDAD2
(141,218,210)

#9CDFD8
(156,223,216)

#ABE4DE
(171,228,222)

#BAE9E4
(186,233,228)

#C9EEEA
(201,238,234)

#D8F3F0
(216,243,240)

#E7F8F6
(231,248,246)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #51C6BA color. Also use rgb(81,198,186) instead hex code.

Text Font Color

.myTextColor { color: #51C6BA; }

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

This text font color is #51C6BA.

Background Color

.myBgColor { background-color: #51C6BA; }

<div style="background-color:#51C6BA">Inner text</div>

This div background color is #51C6BA.

Border color

.myBorderColor { border: 1px solid #51C6BA; }

This div border color is #51C6BA.

Opacity

.myOpacity80 { color: #51C6BA; opacity: 0.8; }

Text with #51C6BA 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 #51C6BA;}

This text has shadow with #51C6BA color.

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

This text has shadow with #51C6BA primary color and red secondary color.

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

This text has shadow with #51C6BA and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #51C6BA.