Ocean Blue (#4f42b5) Web Color For Web Page Design

Everything about Ocean Blue (#4f42b5) and hex colors to enhance web page design and your website development company. Get a multitude of palettes based on one color. Learn how to choose the right hex codes for web page design. Optimize your online projects with the power of triadic, tetradic, analogous colors, and more. Get inspired and design websites with ease for your web development company.

Ocean Blue (#4f42b5) Color Hex

Ocean Blue (#4f42b5) rgb(79, 66, 181)

Color spaces of Ocean Blue (#4f42b5)

RGB7966181
HSL0.690.470.48
HSV2476471
CMYK0.560.640.00 0.29
XYZ13.51328.894944.7207
Yxy0.20130.1325
Hunter Lab29.824328.6844-68.0267
CIE-Lab35.781137.7668-59.3886

Base Numbers

BaseRedGreenBlue
Binary010011110100001010110101
Octal117102265
Decimal7966181
Hex4F42B5

Shades of Ocean Blue (#4f42b5)

Copied!
HEX toggle hex RGB
#4f42b5 #473ba3 #3f3591 #372e7f #2f286d #28215b #201a48 #181436 #100d24 #080712 #000000

Tints of Ocean Blue (#4f42b5)

Copied!
HEX toggle hex RGB
#5a4eb6 #665bb7 #746bbb #837bc0 #948dc7 #a6a1cf #bab6d9 #d0cde4 #e6e5f0 #ffffff

RGB Percentages of Color Ocean Blue (#4f42b5)

Red
Green
Blue

CMYK Percentages of Color Ocean Blue (#4f42b5)

Cyan
Magenta
Yellow
Black

Analogous Colors of Ocean Blue (#4f42b5)

Copied!
HEX toggle hex RGB
#4f42b5 #9d00ff #ff00e1 #ff0062

Triadic Colors of Ocean Blue (#4f42b5) separated with 120° angle

Copied!
HEX toggle hex RGB
#4f42b5 #b85042 #42b850

Tetradic Colors of Ocean Blue (#4f42b5) separated with 90° angle

Copied!
HEX toggle hex RGB
#4f42b5 #b8426f #aab842 #42b88b

Monochromatic Colors of Ocean Blue (#4f42b5)

Copied!
HEX toggle hex RGB
#28215c #382e81 #44389c #685bc4 #8177ce

Complementary Color

Copied!
HEX toggle hex RGB
#4f42b5 #aab842

Pastel variations

Copied!
HEX toggle hex RGB
#5b68ac #444d80 #d0d3e6 #394dbf

Soft variations

Copied!
HEX toggle hex RGB
#6e7499 #5c6180 #d0d3e6 #6673bf

Light variations

Copied!
HEX toggle hex RGB
#c3ccff #6673bf #e7ebff #8799ff

Hard variations

Copied!
HEX toggle hex RGB
#0c27bf #071773 #e7ebff #7085ff

Pale variations

Copied!
HEX toggle hex RGB
#9396a3 #747580 #e7ebff #adb0bf

Ocean Blue (#4f42b5) Color Preview on Black Background

This is Ocean Blue (#4f42b5) on a black background

Ocean Blue (#4f42b5) Color Preview on White Background

This is Ocean Blue (#4f42b5) on a white background

Ocean Blue (#4f42b5) Color CSS Codes

                .bckColor {background-color:#ff0000; } 
                .forColor {color:#ff0000; }
                .bordercolor {border:3px solid #ff0000; }

Ocean Blue (#4f42b5) Text Font Color

This is a sample text written with the Ocean Blue (#4f42b5) color.
This is a strong text written with the Ocean Blue (#4f42b5) as well.

Ocean Blue (#4f42b5) Background Color

                <div style="background-color:Ocean Blue (#4f42b5)">
                    Text on the Ocean Blue (#4f42b5) color
                </div>

Ocean Blue (#4f42b5) Border Color

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

Css3 Examples

Text Shadow with RGB Values

                .rgbShadow {
                    text-shadow: 4px 4px 2px rgba(255,0,0, 0.8); } 
                .hexShadow { 
                    text-shadow: 4px 4px 2px #ff0000; }
                .divShadow { 
                    -moz-box-shadow: 1px 1px 3px 2px #ff0000;
                    -webkit-box-shadow: 1px 1px 3px 2px #ff0000;
                    box-shadow:         1px 1px 3px 2px #ff0000; }

Text Shadow with Hex Values

<p style="text-shadow: 4px 4px 2px rgb(79, 66, 181);">Text here</p>

This is a text with rgb(79, 66, 181) as a shadow color.

Div Box Shadow

                <div style="-moz-box-shadow: 1px 1px 3px 2px #4f42b5;
                  -webkit-box-shadow: 1px 1px 3px 2px #4f42b5;
                  box-shadow:         1px 1px 3px 2px #4f42b5;">
                    Div content here
                </div>
An html Div with text shadow using #4f42b5 color hex code

Related palettes

Copied!
share
HEX toggle hex RGB
ABUGOJIGAGIZEOP