COLOR #53DCC9

HEX: #53DCC9
RGB: (83,220,201)

Color info

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

RGB color model

#53DCC9 color RGB value is (83,220,201).

  • red value is 83;
  • green value is 220;
  • blue value is 201.
RGB:
(83,220,201)
(33%,86%,79%)

RGB channels and saturation

R 83 of 255 = 33%
G 220 of 255 = 86%
B 201 of 255 = 79%

83
220
201

R + G + B ~ 66%. #53DCC9 is quite light color.

Portions of RGB colors in percentages

R + G + B =
83 + 220 + 201 = 504 (100%)
R 83 of 504 ~ 16.47%
G 220 of 504 ~ 43.65%
B 201 of 504 ~ 39.88%

%16.47
%43.65
%39.88

CMYK color model

#53DCC9 color CMYK value is (62,0,9,14).

  • cyan value is 62.27%
  • magenta value is 0.00%
  • yellow value is 8.64%
  • key color value is 13.73%
CMYK:
(62,0,9,14)
C62M0Y9K14 
(62%,0%,9%,14%)
(0.62/0.00/0.09/0.14)	

CMYK percentages

%62.27
%0
%8.64
%13.73

Codes

Color #53DCC9 in popluar color models

53DCC9
RGB83220201
HSL172°66.18%59.41%
HSB/HSV172°62.27%86.27%
CMYK62.27%0.00%8.64%
13.73%

Color #53DCC9 in popluar number systems.

HEX53DCC9
Decimal83220201
Binary10100111101110011001001
Octal123334311

Shades and tints

Shades of #53DCC9

#53DCC9
(83,220,201)
#4CC8B7
(76,200,183)
#45B4A5
(69,180,165)
#3EA093
(62,160,147)
#378C81
(55,140,129)
#30786F
(48,120,111)
#29645D
(41,100,93)
#22504B
(34,80,75)
#1B3C39
(27,60,57)
#142827
(20,40,39)
#0D1415
(13,20,21)
#000000
(0,0,0)

Tints of #53DCC9

#53DCC9
(83,220,201)
#62DFCD
(98,223,205)
#71E2D1
(113,226,209)
#80E5D5
(128,229,213)
#8FE8D9
(143,232,217)
#9EEBDD
(158,235,221)
#ADEEE1
(173,238,225)
#BCF1E5
(188,241,229)
#CBF4E9
(203,244,233)
#DAF7ED
(218,247,237)
#E9FAF1
(233,250,241)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #53DCC9 color. Also use rgb(83,220,201) instead hex code.

Text Font Color

.myTextColor { color: #53DCC9; }

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

This text font color is #53DCC9.


Background Color

.myBgColor { background-color: #53DCC9; }

<div style="background-color:#53DCC9">Inner text</div>

This div background color is #53DCC9.


Border color

.myBorderColor { border: 1px solid #53DCC9; }

<div style="border:3px solid #53DCC9">Div</div>

This div border color is #53DCC9.


Opacity

.myOpacity80 { color: #53DCC9; opacity: 0.8; }

<p style="color:#53DCC9;opacity:0.8;">80%</p>

Text with #53DCC9 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 #53DCC9;}

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

This text has shadow with #53DCC9 color.

.textShadow {text-shadow: 3px 3px 1px #53DCC9, 3px 3px 1px red;}

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

This text has shadow with #53DCC9 primary color and red secondary color.


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

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

This text has shadow with #53DCC9 and red colors in old Internet Explorer.


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #53DCC9 on black background.


Color preview on white background

This text has color #53DCC9 on white background.



Black color preview on #53DCC9 background

This text has black color on #53DCC9 background.


White color preview on #53DCC9 background

This text has white color on #53DCC9 background.