COLOR #56C5CB

HEX: #56C5CB RGB: (86,197,203)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

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

RGB color model

#56C5CB color RGB value is (86,197,203).

red value is 86;
green value is 197;
blue value is 203.

RGB: (86,197,203) (34%, 77%, 80%)

RGB channels and saturation

R 86 of 255 = 34%
G 197 of 255 = 77%
B 203 of 255 = 80%

197

203

R + G + B ~ 64%. #56C5CB is quite light color.

Portions of RGB colors in percentages

R + G + B = 86 + 197 + 203 = 486 (100%)
R 86 of 486 ~ 17.7%
G 197 of 486 ~ 40.53%
B 203 of 486 ~ 41.77'%

%17.7

%40.53

%41.77

CMYK color model

#56C5CB color CMYK value is (58,3,0,20).

cyan value is 57.64%
magenta value is 2.96%
yellow value is 0.00%
key color value is 20.39%

CMYK: (58,3,0,20) C58M3Y0K20 (58%,3%,0%,20%) (0.58/0.03/0.00/0.20)

CMYK percentages

%57.64

%2.96

%20.39

Codes

Color #56C5CB in popluar color models

	56	C5	CB
RGB	86	197	203
HSL	183°	52.94%	56.67%
HSB/HSV	183°	57.64%	79.61%
CMYK	57.64%	2.96%	0.00%
CMYK	20.39%

Color #56C5CB in popluar number systems.

HEX	56	C5	CB
Decimal	86	197	203
Binary	1010110	11000101	11001011
Octal	126	305	313

Shades and tints

Shades of #56C5CB

#56C5CB
(86,197,203)

#4FB4B9
(79,180,185)

#48A3A7
(72,163,167)

#419295
(65,146,149)

#3A8183
(58,129,131)

#337071
(51,112,113)

#2C5F5F
(44,95,95)

#254E4D
(37,78,77)

#1E3D3B
(30,61,59)

#172C29
(23,44,41)

#101B17
(16,27,23)

#000000
(0,0,0)

Tints of #56C5CB

#56C5CB
(86,197,203)

#65CACF
(101,202,207)

#74CFD3
(116,207,211)

#83D4D7
(131,212,215)

#92D9DB
(146,217,219)

#A1DEDF
(161,222,223)

#B0E3E3
(176,227,227)

#BFE8E7
(191,232,231)

#CEEDEB
(206,237,235)

#DDF2EF
(221,242,239)

#ECF7F3
(236,247,243)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #56C5CB color. Also use rgb(86,197,203) instead hex code.

Text Font Color

.myTextColor { color: #56C5CB; }

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

This text font color is #56C5CB.

Background Color

.myBgColor { background-color: #56C5CB; }

<div style="background-color:#56C5CB">Inner text</div>

This div background color is #56C5CB.

Border color

.myBorderColor { border: 1px solid #56C5CB; }

This div border color is #56C5CB.

Opacity

.myOpacity80 { color: #56C5CB; opacity: 0.8; }

Text with #56C5CB 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 #56C5CB;}

This text has shadow with #56C5CB color.

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

This text has shadow with #56C5CB primary color and red secondary color.

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

This text has shadow with #56C5CB and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #56C5CB.