COLOR #6CCDC5

HEX: #6CCDC5 RGB: (108,205,197)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

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

RGB color model

#6CCDC5 color RGB value is (108,205,197).

red value is 108;
green value is 205;
blue value is 197.

RGB: (108,205,197) (42%, 80%, 77%)

RGB channels and saturation

R 108 of 255 = 42%
G 205 of 255 = 80%
B 197 of 255 = 77%

108

205

197

R + G + B ~ 66%. #6CCDC5 is quite light color.

Portions of RGB colors in percentages

R + G + B = 108 + 205 + 197 = 510 (100%)
R 108 of 510 ~ 21.18%
G 205 of 510 ~ 40.2%
B 197 of 510 ~ 38.63'%

%21.18

%40.2

%38.63

CMYK color model

#6CCDC5 color CMYK value is (47,0,4,20).

cyan value is 47.32%
magenta value is 0.00%
yellow value is 3.90%
key color value is 19.61%

CMYK: (47,0,4,20) C47M0Y4K20 (47%,0%,4%,20%) (0.47/0.00/0.04/0.20)

CMYK percentages

%47.32

%3.9

%19.61

Codes

Color #6CCDC5 in popluar color models

	6C	CD	C5
RGB	108	205	197
HSL	175°	49.24%	61.37%
HSB/HSV	175°	47.32%	80.39%
CMYK	47.32%	0.00%	3.90%
CMYK	19.61%

Color #6CCDC5 in popluar number systems.

HEX	6C	CD	C5
Decimal	108	205	197
Binary	1101100	11001101	11000101
Octal	154	315	305

Shades and tints

Shades of #6CCDC5

#6CCDC5
(108,205,197)

#63BBB4
(99,187,180)

#5AA9A3
(90,169,163)

#519792
(81,151,146)

#488581
(72,133,129)

#3F7370
(63,115,112)

#36615F
(54,97,95)

#2D4F4E
(45,79,78)

#243D3D
(36,61,61)

#1B2B2C
(27,43,44)

#12191B
(18,25,27)

#000000
(0,0,0)

Tints of #6CCDC5

#6CCDC5
(108,205,197)

#79D1CA
(121,209,202)

#86D5CF
(134,213,207)

#93D9D4
(147,217,212)

#A0DDD9
(160,221,217)

#ADE1DE
(173,225,222)

#BAE5E3
(186,229,227)

#C7E9E8
(199,233,232)

#D4EDED
(212,237,237)

#E1F1F2
(225,241,242)

#EEF5F7
(238,245,247)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #6CCDC5 color. Also use rgb(108,205,197) instead hex code.

Text Font Color

.myTextColor { color: #6CCDC5; }

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

This text font color is #6CCDC5.

Background Color

.myBgColor { background-color: #6CCDC5; }

<div style="background-color:#6CCDC5">Inner text</div>

This div background color is #6CCDC5.

Border color

.myBorderColor { border: 1px solid #6CCDC5; }

This div border color is #6CCDC5.

Opacity

.myOpacity80 { color: #6CCDC5; opacity: 0.8; }

Text with #6CCDC5 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 #6CCDC5;}

This text has shadow with #6CCDC5 color.

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

This text has shadow with #6CCDC5 primary color and red secondary color.

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

This text has shadow with #6CCDC5 and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #6CCDC5.