COLOR #659684

HEX: #659684 RGB: (101,150,132)

Color info

#659684 contains red, green and blue colors in about the same proportion. Web safe color of #659684 is #669999 (or #699).

RGB color model

#659684 color RGB value is (101,150,132).

RGB: (101,150,132) (40%, 59%, 52%)

RGB channels and saturation

R 101 of 255 = 40%
G 150 of 255 = 59%
B 132 of 255 = 52%

101
150
132

R + G + B ~ 50%. #659684 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 101 + 150 + 132 = 383 (100%)
R 101 of 383 ~ 26.37%
G 150 of 383 ~ 39.16%
B 132 of 383 ~ 34.46'%

%26.37
%39.16
%34.46

CMYK color model

#659684 color CMYK value is (33,0,12,41).

  • cyan value is 32.67%
  • magenta value is 0.00%
  • yellow value is 12.00%
  • key color value is 41.18%

CMYK: (33,0,12,41)
C33M0Y12K41 (33%, 0%, 12%, 41%)
(0.33 / 0.00 / 0.12 / 0.41)

CMYK percentages

%32.67
%0
%12
%41.18

Codes

Color #659684 in popluar color models

65 96 84
RGB 101 150 132
HSL 158° 19.52% 49.22%
HSB/HSV 158° 32.67% 58.82%
CMYK 32.67% 0.00% 12.00%
41.18%

Color #659684 in popluar number systems.

HEX 65 96 84
Decimal 101 150 132
Binary 1100101 10010110 10000100
Octal 145 226 204

Shades and tints

Shades of #659684

#659684
(101,150,132)
#5C8978
(92,137,120)
#537C6C
(83,124,108)
#4A6F60
(74,111,96)
#416254
(65,98,84)
#385548
(56,85,72)
#2F483C
(47,72,60)
#263B30
(38,59,48)
#1D2E24
(29,46,36)
#142118
(20,33,24)
#0B140C
(11,20,12)
#000000
(0,0,0)

Tints of #659684

#659684
(101,150,132)
#739F8F
(115,159,143)
#81A89A
(129,168,154)
#8FB1A5
(143,177,165)
#9DBAB0
(157,186,176)
#ABC3BB
(171,195,187)
#B9CCC6
(185,204,198)
#C7D5D1
(199,213,209)
#D5DEDC
(213,222,220)
#E3E7E7
(227,231,231)
#F1F0F2
(241,240,242)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #659684 color. Also use rgb(101,150,132) instead hex code.

Text Font Color

.myTextColor { color: #659684; }

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

This text font color is #659684.

Background Color

.myBgColor { background-color: #659684; }

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

This div background color is #659684.

Border color

.myBorderColor { border: 1px solid #659684; }

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

This div border color is #659684.

Opacity

.myOpacity80 { color: #659684; opacity: 0.8; }

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

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

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

This text has shadow with #659684 color.


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

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

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


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

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

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

Div box shadow color

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

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

This div box has shadow with color #659684.

Preview

Color preview on black background

This text has color #659684 on black background.


Color preview on white background

This text has color #659684 on white background.


Black color preview on #659684 background

This text has black color on #659684 background.


White color preview on #659684 background

This text has white color on #659684 background.


Related colors

Complementary color

Complementary color for #hex is #9A697B.


I love getcolorcode.com

Triadic colors

1 #846596 and #968465 with #659684 are triadic colors.

2 #849665 and #966584 with #659684 are triadic colors.