COLOR #6489AB

HEX: #6489AB RGB: (100,137,171)

Color info

#6489AB contains mainly green and blue colors. Web safe color of #6489AB is #669999 (or #699).

RGB color model

#6489AB color RGB value is (100,137,171).

RGB: (100,137,171) (39%, 54%, 67%)

RGB channels and saturation

R 100 of 255 = 39%
G 137 of 255 = 54%
B 171 of 255 = 67%

100
137
171

R + G + B ~ 53%. #6489AB is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 100 + 137 + 171 = 408 (100%)
R 100 of 408 ~ 24.51%
G 137 of 408 ~ 33.58%
B 171 of 408 ~ 41.91'%

%24.51
%33.58
%41.91

CMYK color model

#6489AB color CMYK value is (42,20,0,33).

  • cyan value is 41.52%
  • magenta value is 19.88%
  • yellow value is 0.00%
  • key color value is 32.94%

CMYK: (42,20,0,33)
C42M20Y0K33 (42%, 20%, 0%, 33%)
(0.42 / 0.20 / 0.00 / 0.33)

CMYK percentages

%41.52
%19.88
%0
%32.94

Codes

Color #6489AB in popluar color models

64 89 AB
RGB 100 137 171
HSL 209° 29.71% 53.14%
HSB/HSV 209° 41.52% 67.06%
CMYK 41.52% 19.88% 0.00%
32.94%

Color #6489AB in popluar number systems.

HEX 64 89 AB
Decimal 100 137 171
Binary 1100100 10001001 10101011
Octal 144 211 253

Shades and tints

Shades of #6489AB

#6489AB
(100,137,171)
#5B7D9C
(91,125,156)
#52718D
(82,113,141)
#49657E
(73,101,126)
#40596F
(64,89,111)
#374D60
(55,77,96)
#2E4151
(46,65,81)
#253542
(37,53,66)
#1C2933
(28,41,51)
#131D24
(19,29,36)
#0A1115
(10,17,21)
#000000
(0,0,0)

Tints of #6489AB

#6489AB
(100,137,171)
#7293B2
(114,147,178)
#809DB9
(128,157,185)
#8EA7C0
(142,167,192)
#9CB1C7
(156,177,199)
#AABBCE
(170,187,206)
#B8C5D5
(184,197,213)
#C6CFDC
(198,207,220)
#D4D9E3
(212,217,227)
#E2E3EA
(226,227,234)
#F0EDF1
(240,237,241)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #6489AB color. Also use rgb(100,137,171) instead hex code.

Text Font Color

.myTextColor { color: #6489AB; }

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

This text font color is #6489AB.

Background Color

.myBgColor { background-color: #6489AB; }

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

This div background color is #6489AB.

Border color

.myBorderColor { border: 1px solid #6489AB; }

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

This div border color is #6489AB.

Opacity

.myOpacity80 { color: #6489AB; opacity: 0.8; }

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

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

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

This text has shadow with #6489AB color.


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

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

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


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

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

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

Div box shadow color

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

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

This div box has shadow with color #6489AB.

Preview

Color preview on black background

This text has color #6489AB on black background.


Color preview on white background

This text has color #6489AB on white background.


Black color preview on #6489AB background

This text has black color on #6489AB background.


White color preview on #6489AB background

This text has white color on #6489AB background.


Related colors

Complementary color

Complementary color for #hex is #9B7654.


I love getcolorcode.com

Triadic colors

1 #AB6489 and #89AB64 with #6489AB are triadic colors.

2 #AB8964 and #8964AB with #6489AB are triadic colors.