COLOR #58DCC6

HEX: #58DCC6 RGB: (88,220,198)

Color info

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

RGB color model

#58DCC6 color RGB value is (88,220,198).

RGB: (88,220,198) (35%, 86%, 78%)

RGB channels and saturation

R 88 of 255 = 35%
G 220 of 255 = 86%
B 198 of 255 = 78%

88
220
198

R + G + B ~ 66%. #58DCC6 is quite light color.

Portions of RGB colors in percentages

R + G + B = 88 + 220 + 198 = 506 (100%)
R 88 of 506 ~ 17.39%
G 220 of 506 ~ 43.48%
B 198 of 506 ~ 39.13'%

%17.39
%43.48
%39.13

CMYK color model

#58DCC6 color CMYK value is (60,0,10,14).

  • cyan value is 60.00%
  • magenta value is 0.00%
  • yellow value is 10.00%
  • key color value is 13.73%

CMYK: (60,0,10,14)
C60M0Y10K14 (60%, 0%, 10%, 14%)
(0.60 / 0.00 / 0.10 / 0.14)

CMYK percentages

%60
%0
%10
%13.73

Codes

Color #58DCC6 in popluar color models

58 DC C6
RGB 88 220 198
HSL 170° 65.35% 60.39%
HSB/HSV 170° 60.00% 86.27%
CMYK 60.00% 0.00% 10.00%
13.73%

Color #58DCC6 in popluar number systems.

HEX 58 DC C6
Decimal 88 220 198
Binary 1011000 11011100 11000110
Octal 130 334 306

Shades and tints

Shades of #58DCC6

#58DCC6
(88,220,198)
#50C8B4
(80,200,180)
#48B4A2
(72,180,162)
#40A090
(64,160,144)
#388C7E
(56,140,126)
#30786C
(48,120,108)
#28645A
(40,100,90)
#205048
(32,80,72)
#183C36
(24,60,54)
#102824
(16,40,36)
#081412
(8,20,18)
#000000
(0,0,0)

Tints of #58DCC6

#58DCC6
(88,220,198)
#67DFCB
(103,223,203)
#76E2D0
(118,226,208)
#85E5D5
(133,229,213)
#94E8DA
(148,232,218)
#A3EBDF
(163,235,223)
#B2EEE4
(178,238,228)
#C1F1E9
(193,241,233)
#D0F4EE
(208,244,238)
#DFF7F3
(223,247,243)
#EEFAF8
(238,250,248)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #58DCC6 color. Also use rgb(88,220,198) instead hex code.

Text Font Color

.myTextColor { color: #58DCC6; }

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

This text font color is #58DCC6.

Background Color

.myBgColor { background-color: #58DCC6; }

<div style="background-color:#58DCC6">Inner text</div>

This div background color is #58DCC6.

Border color

.myBorderColor { border: 1px solid #58DCC6; }

<div style="border:3px solid #58DCC6">Div</div>

This div border color is #58DCC6.

Opacity

.myOpacity80 { color: #58DCC6; opacity: 0.8; }

<p style="color:#58DCC6;opacity:0.8;">80%</p>

Text with #58DCC6 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 #58DCC6;}

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

This text has shadow with #58DCC6 color.


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

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

This text has shadow with #58DCC6 primary color and red secondary color.


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

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

This text has shadow with #58DCC6 and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #58DCC6.

Preview

Color preview on black background

This text has color #58DCC6 on black background.


Color preview on white background

This text has color #58DCC6 on white background.


Black color preview on #58DCC6 background

This text has black color on #58DCC6 background.


White color preview on #58DCC6 background

This text has white color on #58DCC6 background.


Related colors

Complementary color

Complementary color for #hex is #A72339.


I love getcolorcode.com

Triadic colors

1 #C658DC and #DCC658 with #58DCC6 are triadic colors.

2 #C6DC58 and #DC58C6 with #58DCC6 are triadic colors.