COLOR #424894

HEX: #424894
RGB: (66,72,148)

Color info

#424894 contains mainly blue color. Web safe color of #424894 is #333399 (or #339).

RGB color model

#424894 color RGB value is (66,72,148).

  • red value is 66;
  • green value is 72;
  • blue value is 148.
RGB:
(66,72,148)
(26%,28%,58%)

RGB channels and saturation

R 66 of 255 = 26%
G 72 of 255 = 28%
B 148 of 255 = 58%

66
72
148

R + G + B ~ 37%. #424894 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
66 + 72 + 148 = 286 (100%)
R 66 of 286 ~ 23.08%
G 72 of 286 ~ 25.17%
B 148 of 286 ~ 51.75%

%23.08
%25.17
%51.75

CMYK color model

#424894 color CMYK value is (55,51,0,42).

  • cyan value is 55.41%
  • magenta value is 51.35%
  • yellow value is 0.00%
  • key color value is 41.96%
CMYK:
(55,51,0,42)
C55M51Y0K42 
(55%,51%,0%,42%)
(0.55/0.51/0.00/0.42)	

CMYK percentages

%55.41
%51.35
%0
%41.96

Codes

Color #424894 in popluar color models

424894
RGB6672148
HSL236°38.32%41.96%
HSB/HSV236°55.41%58.04%
CMYK55.41%51.35%0.00%
41.96%

Color #424894 in popluar number systems.

HEX424894
Decimal6672148
Binary1000010100100010010100
Octal102110224

Shades and tints

Shades of #424894

#424894
(66,72,148)
#3C4287
(60,66,135)
#363C7A
(54,60,122)
#30366D
(48,54,109)
#2A3060
(42,48,96)
#242A53
(36,42,83)
#1E2446
(30,36,70)
#181E39
(24,30,57)
#12182C
(18,24,44)
#0C121F
(12,18,31)
#060C12
(6,12,18)
#000000
(0,0,0)

Tints of #424894

#424894
(66,72,148)
#53589D
(83,88,157)
#6468A6
(100,104,166)
#7578AF
(117,120,175)
#8688B8
(134,136,184)
#9798C1
(151,152,193)
#A8A8CA
(168,168,202)
#B9B8D3
(185,184,211)
#CAC8DC
(202,200,220)
#DBD8E5
(219,216,229)
#ECE8EE
(236,232,238)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #424894 color. Also use rgb(66,72,148) instead hex code.

Text Font Color

.myTextColor { color: #424894; }

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

This text font color is #424894.


Background Color

.myBgColor { background-color: #424894; }

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

This div background color is #424894.


Border color

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

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

This div border color is #424894.


Opacity

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

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

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

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

This text has shadow with #424894 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #424894 on black background.


Color preview on white background

This text has color #424894 on white background.



Black color preview on #424894 background

This text has black color on #424894 background.


White color preview on #424894 background

This text has white color on #424894 background.