COLOR #436488

HEX: #436488 RGB: (67,100,136)

Color info

#436488 contains mainly green and blue colors. Web safe color of #436488 is #336699 (or #369).

RGB color model

#436488 color RGB value is (67,100,136).

RGB: (67,100,136) (26%, 39%, 53%)

RGB channels and saturation

R 67 of 255 = 26%
G 100 of 255 = 39%
B 136 of 255 = 53%

67
100
136

R + G + B ~ 39%. #436488 is quite dark color.

Portions of RGB colors in percentages

R + G + B = 67 + 100 + 136 = 303 (100%)
R 67 of 303 ~ 22.11%
G 100 of 303 ~ 33%
B 136 of 303 ~ 44.88'%

%22.11
%33
%44.88

CMYK color model

#436488 color CMYK value is (51,26,0,47).

  • cyan value is 50.74%
  • magenta value is 26.47%
  • yellow value is 0.00%
  • key color value is 46.67%

CMYK: (51,26,0,47)
C51M26Y0K47 (51%, 26%, 0%, 47%)
(0.51 / 0.26 / 0.00 / 0.47)

CMYK percentages

%50.74
%26.47
%0
%46.67

Codes

Color #436488 in popluar color models

43 64 88
RGB 67 100 136
HSL 211° 33.99% 39.80%
HSB/HSV 211° 50.74% 53.33%
CMYK 50.74% 26.47% 0.00%
46.67%

Color #436488 in popluar number systems.

HEX 43 64 88
Decimal 67 100 136
Binary 1000011 1100100 10001000
Octal 103 144 210

Shades and tints

Shades of #436488

#436488
(67,100,136)
#3D5B7C
(61,91,124)
#375270
(55,82,112)
#314964
(49,73,100)
#2B4058
(43,64,88)
#25374C
(37,55,76)
#1F2E40
(31,46,64)
#192534
(25,37,52)
#131C28
(19,28,40)
#0D131C
(13,19,28)
#070A10
(7,10,16)
#000000
(0,0,0)

Tints of #436488

#436488
(67,100,136)
#547292
(84,114,146)
#65809C
(101,128,156)
#768EA6
(118,142,166)
#879CB0
(135,156,176)
#98AABA
(152,170,186)
#A9B8C4
(169,184,196)
#BAC6CE
(186,198,206)
#CBD4D8
(203,212,216)
#DCE2E2
(220,226,226)
#EDF0EC
(237,240,236)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #436488 color. Also use rgb(67,100,136) instead hex code.

Text Font Color

.myTextColor { color: #436488; }

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

This text font color is #436488.

Background Color

.myBgColor { background-color: #436488; }

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

This div background color is #436488.

Border color

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

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

This div border color is #436488.

Opacity

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

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

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

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

This text has shadow with #436488 color.


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

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

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


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

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

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

Div box shadow color

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

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

This div box has shadow with color #436488.

Preview

Color preview on black background

This text has color #436488 on black background.


Color preview on white background

This text has color #436488 on white background.


Black color preview on #436488 background

This text has black color on #436488 background.


White color preview on #436488 background

This text has white color on #436488 background.


Related colors

Complementary color

Complementary color for #hex is #BC9B77.


I love getcolorcode.com

Triadic colors

1 #884364 and #648843 with #436488 are triadic colors.

2 #886443 and #644388 with #436488 are triadic colors.