COLOR #60B9BD

HEX: #60B9BD RGB: (96,185,189)

Color info

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

RGB color model

#60B9BD color RGB value is (96,185,189).

RGB: (96,185,189) (38%, 73%, 74%)

RGB channels and saturation

R 96 of 255 = 38%
G 185 of 255 = 73%
B 189 of 255 = 74%

96
185
189

R + G + B ~ 62%. #60B9BD is quite light color.

Portions of RGB colors in percentages

R + G + B = 96 + 185 + 189 = 470 (100%)
R 96 of 470 ~ 20.43%
G 185 of 470 ~ 39.36%
B 189 of 470 ~ 40.21'%

%20.43
%39.36
%40.21

CMYK color model

#60B9BD color CMYK value is (49,2,0,26).

  • cyan value is 49.21%
  • magenta value is 2.12%
  • yellow value is 0.00%
  • key color value is 25.88%

CMYK: (49,2,0,26)
C49M2Y0K26 (49%, 2%, 0%, 26%)
(0.49 / 0.02 / 0.00 / 0.26)

CMYK percentages

%49.21
%2.12
%0
%25.88

Codes

Color #60B9BD in popluar color models

60 B9 BD
RGB 96 185 189
HSL 183° 41.33% 55.88%
HSB/HSV 183° 49.21% 74.12%
CMYK 49.21% 2.12% 0.00%
25.88%

Color #60B9BD in popluar number systems.

HEX 60 B9 BD
Decimal 96 185 189
Binary 1100000 10111001 10111101
Octal 140 271 275

Shades and tints

Shades of #60B9BD

#60B9BD
(96,185,189)
#58A9AC
(88,169,172)
#50999B
(80,153,155)
#48898A
(72,137,138)
#407979
(64,121,121)
#386968
(56,105,104)
#305957
(48,89,87)
#284946
(40,73,70)
#203935
(32,57,53)
#182924
(24,41,36)
#101913
(16,25,19)
#000000
(0,0,0)

Tints of #60B9BD

#60B9BD
(96,185,189)
#6EBFC3
(110,191,195)
#7CC5C9
(124,197,201)
#8ACBCF
(138,203,207)
#98D1D5
(152,209,213)
#A6D7DB
(166,215,219)
#B4DDE1
(180,221,225)
#C2E3E7
(194,227,231)
#D0E9ED
(208,233,237)
#DEEFF3
(222,239,243)
#ECF5F9
(236,245,249)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #60B9BD color. Also use rgb(96,185,189) instead hex code.

Text Font Color

.myTextColor { color: #60B9BD; }

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

This text font color is #60B9BD.

Background Color

.myBgColor { background-color: #60B9BD; }

<div style="background-color:#60B9BD">Inner text</div>

This div background color is #60B9BD.

Border color

.myBorderColor { border: 1px solid #60B9BD; }

<div style="border:3px solid #60B9BD">Div</div>

This div border color is #60B9BD.

Opacity

.myOpacity80 { color: #60B9BD; opacity: 0.8; }

<p style="color:#60B9BD;opacity:0.8;">80%</p>

Text with #60B9BD 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 #60B9BD;}

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

This text has shadow with #60B9BD color.


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

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

This text has shadow with #60B9BD primary color and red secondary color.


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

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

This text has shadow with #60B9BD and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #60B9BD.

Preview

Color preview on black background

This text has color #60B9BD on black background.


Color preview on white background

This text has color #60B9BD on white background.


Black color preview on #60B9BD background

This text has black color on #60B9BD background.


White color preview on #60B9BD background

This text has white color on #60B9BD background.


Related colors

Complementary color

Complementary color for #hex is #9F4642.


I love getcolorcode.com

Triadic colors

1 #BD60B9 and #B9BD60 with #60B9BD are triadic colors.

2 #BDB960 and #B960BD with #60B9BD are triadic colors.