Color #5CC0BB

Color info

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

RGB color model

#5CC0BB color RGB value is (92,192,187).

red value is 92;
green value is 192;
blue value is 187.

RGB:
(92,192,187)
(36%,75%,73%)

RGB channels and saturation

R 92 of 255 = 36%
G 192 of 255 = 75%
B 187 of 255 = 73%

192

187

R + G + B ~ 61%. #5CC0BB is quite light color.

Portions of RGB colors in percentages

R + G + B =
92 + 192 + 187 = 471 (100%)
R 92 of 471 ~ 19.53%
G 192 of 471 ~ 40.76%
B 187 of 471 ~ 39.7%

%19.53

%40.76

%39.7

CMYK color model

#5CC0BB color CMYK value is (52,0,3,25).

cyan value is 52.08%
magenta value is 0.00%
yellow value is 2.60%
key color value is 24.71%

CMYK:
(52,0,3,25)
C52M0Y3K25 
(52%,0%,3%,25%)
(0.52/0.00/0.03/0.25)

CMYK percentages

%52.08

%2.6

%24.71

Codes

Color #5CC0BB in popluar color models

	5C	C0	BB
RGB	92	192	187
HSL	177°	44.25%	55.69%
HSB/HSV	177°	52.08%	75.29%
CMYK	52.08%	0.00%	2.60%
CMYK	24.71%

Color #5CC0BB in popluar number systems.

HEX	5C	C0	BB
Decimal	92	192	187
Binary	1011100	11000000	10111011
Octal	134	300	273

Shades and tints

Shades of #5CC0BB

#5CC0BB
(92,192,187)

#54AFAA
(84,175,170)

#4C9E99
(76,158,153)

#448D88
(68,141,136)

#3C7C77
(60,124,119)

#346B66
(52,107,102)

#2C5A55
(44,90,85)

#244944
(36,73,68)

#1C3833
(28,56,51)

#142722
(20,39,34)

#0C1611
(12,22,17)

#000000
(0,0,0)

Tints of #5CC0BB

#5CC0BB
(92,192,187)

#6AC5C1
(106,197,193)

#78CAC7
(120,202,199)

#86CFCD
(134,207,205)

#94D4D3
(148,212,211)

#A2D9D9
(162,217,217)

#B0DEDF
(176,222,223)

#BEE3E5
(190,227,229)

#CCE8EB
(204,232,235)

#DAEDF1
(218,237,241)

#E8F2F7
(232,242,247)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #5CC0BB color. Also use rgb(92,192,187) instead hex code.

Text Font Color

.myTextColor { color: #5CC0BB; }

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

This text font color is #5CC0BB.

Background Color

.myBgColor { background-color: #5CC0BB; }

<div style="background-color:#5CC0BB">Inner text</div>

This div background color is #5CC0BB.

Border color

.myBorderColor { border: 1px solid #5CC0BB; }

<div style="border:3px solid #5CC0BB">Div</div>

This div border color is #5CC0BB.

Opacity

.myOpacity80 { color: #5CC0BB; opacity: 0.8; }

<p style="color:#5CC0BB;opacity:0.8;">80%</p>

Text with #5CC0BB 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 #5CC0BB;}

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

This text has shadow with #5CC0BB color.

.textShadow {text-shadow: 3px 3px 1px #5CC0BB, 3px 3px 1px red;}

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

This text has shadow with #5CC0BB primary color and red secondary color.

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

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

This text has shadow with #5CC0BB and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #5CC0BB.

Preview

Color preview on black background

This text has color #5CC0BB on black background.

Color preview on white background

This text has color #5CC0BB on white background.

Black color preview on #5CC0BB background

This text has black color on #5CC0BB background.

White color preview on #5CC0BB background

This text has white color on #5CC0BB background.