COLOR #5490AA

HEX: #5490AA RGB: (84,144,170)

Color info

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

RGB color model

#5490AA color RGB value is (84,144,170).

RGB: (84,144,170) (33%, 56%, 67%)

RGB channels and saturation

R 84 of 255 = 33%
G 144 of 255 = 56%
B 170 of 255 = 67%

84
144
170

R + G + B ~ 52%. #5490AA is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 84 + 144 + 170 = 398 (100%)
R 84 of 398 ~ 21.11%
G 144 of 398 ~ 36.18%
B 170 of 398 ~ 42.71'%

%21.11
%36.18
%42.71

CMYK color model

#5490AA color CMYK value is (51,15,0,33).

  • cyan value is 50.59%
  • magenta value is 15.29%
  • yellow value is 0.00%
  • key color value is 33.33%

CMYK: (51,15,0,33)
C51M15Y0K33 (51%, 15%, 0%, 33%)
(0.51 / 0.15 / 0.00 / 0.33)

CMYK percentages

%50.59
%15.29
%0
%33.33

Codes

Color #5490AA in popluar color models

54 90 AA
RGB 84 144 170
HSL 198° 33.86% 49.80%
HSB/HSV 198° 50.59% 66.67%
CMYK 50.59% 15.29% 0.00%
33.33%

Color #5490AA in popluar number systems.

HEX 54 90 AA
Decimal 84 144 170
Binary 1010100 10010000 10101010
Octal 124 220 252

Shades and tints

Shades of #5490AA

#5490AA
(84,144,170)
#4D839B
(77,131,155)
#46768C
(70,118,140)
#3F697D
(63,105,125)
#385C6E
(56,92,110)
#314F5F
(49,79,95)
#2A4250
(42,66,80)
#233541
(35,53,65)
#1C2832
(28,40,50)
#151B23
(21,27,35)
#0E0E14
(14,14,20)
#000000
(0,0,0)

Tints of #5490AA

#5490AA
(84,144,170)
#639AB1
(99,154,177)
#72A4B8
(114,164,184)
#81AEBF
(129,174,191)
#90B8C6
(144,184,198)
#9FC2CD
(159,194,205)
#AECCD4
(174,204,212)
#BDD6DB
(189,214,219)
#CCE0E2
(204,224,226)
#DBEAE9
(219,234,233)
#EAF4F0
(234,244,240)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #5490AA color. Also use rgb(84,144,170) instead hex code.

Text Font Color

.myTextColor { color: #5490AA; }

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

This text font color is #5490AA.

Background Color

.myBgColor { background-color: #5490AA; }

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

This div background color is #5490AA.

Border color

.myBorderColor { border: 1px solid #5490AA; }

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

This div border color is #5490AA.

Opacity

.myOpacity80 { color: #5490AA; opacity: 0.8; }

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

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

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

This text has shadow with #5490AA color.


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

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

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


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

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

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

Div box shadow color

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

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

This div box has shadow with color #5490AA.

Preview

Color preview on black background

This text has color #5490AA on black background.


Color preview on white background

This text has color #5490AA on white background.


Black color preview on #5490AA background

This text has black color on #5490AA background.


White color preview on #5490AA background

This text has white color on #5490AA background.


Related colors

Complementary color

Complementary color for #hex is #AB6F55.


I love getcolorcode.com

Triadic colors

1 #AA5490 and #90AA54 with #5490AA are triadic colors.

2 #AA9054 and #9054AA with #5490AA are triadic colors.