COLOR #85ECDA

HEX: #85ECDA
RGB: (133,236,218)

Color info

#85ECDA contains mainly green and blue colors. Web safe color of #85ECDA is #99FFCC (or #9FC).

RGB color model

#85ECDA color RGB value is (133,236,218).

  • red value is 133;
  • green value is 236;
  • blue value is 218.
RGB:
(133,236,218)
(52%,93%,85%)

RGB channels and saturation

R 133 of 255 = 52%
G 236 of 255 = 93%
B 218 of 255 = 85%

133
236
218

R + G + B ~ 77%. #85ECDA is quite light color.

Portions of RGB colors in percentages

R + G + B =
133 + 236 + 218 = 587 (100%)
R 133 of 587 ~ 22.66%
G 236 of 587 ~ 40.2%
B 218 of 587 ~ 37.14%

%22.66
%40.2
%37.14

CMYK color model

#85ECDA color CMYK value is (44,0,8,7).

  • cyan value is 43.64%
  • magenta value is 0.00%
  • yellow value is 7.63%
  • key color value is 7.45%
CMYK:
(44,0,8,7)
C44M0Y8K7 
(44%,0%,8%,7%)
(0.44/0.00/0.08/0.07)	

CMYK percentages

%43.64
%0
%7.63
%7.45

Codes

Color #85ECDA in popluar color models

85ECDA
RGB133236218
HSL170°73.05%72.35%
HSB/HSV170°43.64%92.55%
CMYK43.64%0.00%7.63%
7.45%

Color #85ECDA in popluar number systems.

HEX85ECDA
Decimal133236218
Binary100001011110110011011010
Octal205354332

Shades and tints

Shades of #85ECDA

#85ECDA
(133,236,218)
#79D7C7
(121,215,199)
#6DC2B4
(109,194,180)
#61ADA1
(97,173,161)
#55988E
(85,152,142)
#49837B
(73,131,123)
#3D6E68
(61,110,104)
#315955
(49,89,85)
#254442
(37,68,66)
#192F2F
(25,47,47)
#0D1A1C
(13,26,28)
#000000
(0,0,0)

Tints of #85ECDA

#85ECDA
(133,236,218)
#90EDDD
(144,237,221)
#9BEEE0
(155,238,224)
#A6EFE3
(166,239,227)
#B1F0E6
(177,240,230)
#BCF1E9
(188,241,233)
#C7F2EC
(199,242,236)
#D2F3EF
(210,243,239)
#DDF4F2
(221,244,242)
#E8F5F5
(232,245,245)
#F3F6F8
(243,246,248)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #85ECDA color. Also use rgb(133,236,218) instead hex code.

Text Font Color

.myTextColor { color: #85ECDA; }

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

This text font color is #85ECDA.


Background Color

.myBgColor { background-color: #85ECDA; }

<div style="background-color:#85ECDA">Inner text</div>

This div background color is #85ECDA.


Border color

.myBorderColor { border: 1px solid #85ECDA; }

<div style="border:3px solid #85ECDA">Div</div>

This div border color is #85ECDA.


Opacity

.myOpacity80 { color: #85ECDA; opacity: 0.8; }

<p style="color:#85ECDA;opacity:0.8;">80%</p>

Text with #85ECDA 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 #85ECDA;}

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

This text has shadow with #85ECDA color.

.textShadow {text-shadow: 3px 3px 1px #85ECDA, 3px 3px 1px red;}

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

This text has shadow with #85ECDA primary color and red secondary color.


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

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

This text has shadow with #85ECDA and red colors in old Internet Explorer.


Div box shadow color

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #85ECDA;
-webkit-box-shadow: 1px 1px 3px 2px #85ECDA;
box-shadow:1px 1px 3px 2px #85ECDA;">
Div content here</div>
This div box has shadow with color #85ECDA.

Preview

Color preview on black background

This text has color #85ECDA on black background.


Color preview on white background

This text has color #85ECDA on white background.



Black color preview on #85ECDA background

This text has black color on #85ECDA background.


White color preview on #85ECDA background

This text has white color on #85ECDA background.