COLOR #424972

HEX: #424972 RGB: (66,73,114)

Color info

#424972 contains red, green and blue colors in about the same proportion. Web safe color of #424972 is #333366 (or #336).

RGB color model

#424972 color RGB value is (66,73,114).

RGB: (66,73,114) (26%, 29%, 45%)

RGB channels and saturation

R 66 of 255 = 26%
G 73 of 255 = 29%
B 114 of 255 = 45%

66
73
114

R + G + B ~ 33%. #424972 is quite dark color.

Portions of RGB colors in percentages

R + G + B = 66 + 73 + 114 = 253 (100%)
R 66 of 253 ~ 26.09%
G 73 of 253 ~ 28.85%
B 114 of 253 ~ 45.06'%

%26.09
%28.85
%45.06

CMYK color model

#424972 color CMYK value is (42,36,0,55).

  • cyan value is 42.11%
  • magenta value is 35.96%
  • yellow value is 0.00%
  • key color value is 55.29%

CMYK: (42,36,0,55)
C42M36Y0K55 (42%, 36%, 0%, 55%)
(0.42 / 0.36 / 0.00 / 0.55)

CMYK percentages

%42.11
%35.96
%0
%55.29

Codes

Color #424972 in popluar color models

42 49 72
RGB 66 73 114
HSL 231° 26.67% 35.29%
HSB/HSV 231° 42.11% 44.71%
CMYK 42.11% 35.96% 0.00%
55.29%

Color #424972 in popluar number systems.

HEX 42 49 72
Decimal 66 73 114
Binary 1000010 1001001 1110010
Octal 102 111 162

Shades and tints

Shades of #424972

#424972
(66,73,114)
#3C4368
(60,67,104)
#363D5E
(54,61,94)
#303754
(48,55,84)
#2A314A
(42,49,74)
#242B40
(36,43,64)
#1E2536
(30,37,54)
#181F2C
(24,31,44)
#121922
(18,25,34)
#0C1318
(12,19,24)
#060D0E
(6,13,14)
#000000
(0,0,0)

Tints of #424972

#424972
(66,73,114)
#53597E
(83,89,126)
#64698A
(100,105,138)
#757996
(117,121,150)
#8689A2
(134,137,162)
#9799AE
(151,153,174)
#A8A9BA
(168,169,186)
#B9B9C6
(185,185,198)
#CAC9D2
(202,201,210)
#DBD9DE
(219,217,222)
#ECE9EA
(236,233,234)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #424972 color. Also use rgb(66,73,114) instead hex code.

Text Font Color

.myTextColor { color: #424972; }

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

This text font color is #424972.

Background Color

.myBgColor { background-color: #424972; }

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

This div background color is #424972.

Border color

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

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

This div border color is #424972.

Opacity

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

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

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

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

This text has shadow with #424972 color.


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

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

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


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

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

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

Div box shadow color

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

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

This div box has shadow with color #424972.

Preview

Color preview on black background

This text has color #424972 on black background.


Color preview on white background

This text has color #424972 on white background.


Black color preview on #424972 background

This text has black color on #424972 background.


White color preview on #424972 background

This text has white color on #424972 background.


Related colors

Complementary color

Complementary color for #hex is #BDB68D.


I love getcolorcode.com

Triadic colors

1 #724249 and #497242 with #424972 are triadic colors.

2 #724942 and #494272 with #424972 are triadic colors.