DodgerBlue1 (#1e90ff) Web Color For Web Page Design

Everything about DodgerBlue1 (#1e90ff) 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.

DodgerBlue1 (#1e90ff) Color Hex

DodgerBlue1 (#1e90ff) rgb(30, 144, 255)

Color spaces of DodgerBlue1 (#1e90ff)

RGB30144255
HSL0.581.000.56
HSV21089100
CMYK0.880.440.00 0.00
XYZ28.558727.442598.3995
Yxy0.18500.1777
Hunter Lab52.38565.6367-74.6985
CIE-Lab59.38179.9696-63.3949

Base Numbers

BaseRedGreenBlue
Binary000111101001000011111111
Octal36220377
Decimal30144255
Hex1E90FF

Shades of DodgerBlue1 (#1e90ff)

Copied!
HEX toggle hex RGB
#1e90ff #1b82e6 #1873cc #1565b3 #125699 #0f4880 #0c3a66 #092b4d #061d33 #030e19 #000000

Tints of DodgerBlue1 (#1e90ff)

Copied!
HEX toggle hex RGB
#2990f4 #3792eb #4797e4 #599ee0 #6fa8df #86b4e0 #a1c3e4 #bdd4ea #dde8f3 #ffffff

RGB Percentages of Color DodgerBlue1 (#1e90ff)

Red
Green
Blue

CMYK Percentages of Color DodgerBlue1 (#1e90ff)

Cyan
Magenta
Yellow
Black

Analogous Colors of DodgerBlue1 (#1e90ff)

Copied!
HEX toggle hex RGB
#1e90ff #0000ff #7f00ff #ff00ff

Triadic Colors of DodgerBlue1 (#1e90ff) separated with 120° angle

Copied!
HEX toggle hex RGB
#1e90ff #ff1f8f #8fff1f

Tetradic Colors of DodgerBlue1 (#1e90ff) separated with 90° angle

Copied!
HEX toggle hex RGB
#1e90ff #ff1fff #ff8f1f #1fff1f

Monochromatic Colors of DodgerBlue1 (#1e90ff)

Copied!
HEX toggle hex RGB
#00478f #0064c8 #0079f3 #49a4ff #74baff

Complementary Color

Copied!
HEX toggle hex RGB
#1e90ff #ff8f1f

Pastel variations

Copied!
HEX toggle hex RGB
#4d839a #406c80 #cfdfe6 #3094bf

Soft variations

Copied!
HEX toggle hex RGB
#607c89 #597480 #cfdfe6 #60a3bf

Light variations

Copied!
HEX toggle hex RGB
#bfecff #60a3bf #e6f7ff #80d9ff

Hard variations

Copied!
HEX toggle hex RGB
#0078ab #004867 #e6f7ff #66d1ff

Pale variations

Copied!
HEX toggle hex RGB
#838d91 #737c80 #e6f7ff #acbabf

DodgerBlue1 (#1e90ff) Color Preview on Black Background

This is DodgerBlue1 (#1e90ff) on a black background

DodgerBlue1 (#1e90ff) Color Preview on White Background

This is DodgerBlue1 (#1e90ff) on a white background

DodgerBlue1 (#1e90ff) Color CSS Codes

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

DodgerBlue1 (#1e90ff) Text Font Color

This is a sample text written with the DodgerBlue1 (#1e90ff) color.
This is a strong text written with the DodgerBlue1 (#1e90ff) as well.

DodgerBlue1 (#1e90ff) Background Color

                <div style="background-color:DodgerBlue1 (#1e90ff)">
                    Text on the DodgerBlue1 (#1e90ff) color
                </div>

DodgerBlue1 (#1e90ff) 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(30, 144, 255);">Text here</p>

This is a text with rgb(30, 144, 255) as a shadow color.

Div Box Shadow

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

Related palettes

Copied!
share
HEX toggle hex RGB
Brights 12345
Copied!
share
HEX toggle hex RGB
Contrasts #1
Copied!
share
HEX toggle hex RGB
Refreshing and Modern Color Palette
Copied!
share
HEX toggle hex RGB
Modra revitalizace
Copied!
share
HEX toggle hex RGB
Buzzcut Season V3
Copied!
share
HEX toggle hex RGB
Fresh Blues 1
Copied!
share
HEX toggle hex RGB
Seasides
Copied!
share
HEX toggle hex RGB
Pure blues v2
Copied!
share
HEX toggle hex RGB
Sky blues v2
Copied!
share
HEX toggle hex RGB
Spatial Blue
Copied!
share
HEX toggle hex RGB
Aria Winx Club OC
Copied!
share
HEX toggle hex RGB
Blue colors 4
Copied!
share
HEX toggle hex RGB
Blues shad
Copied!
share
HEX toggle hex RGB
Keepster Blues
Copied!
share
HEX toggle hex RGB
BLUE GOLD
Copied!
share
HEX toggle hex RGB
The Blue Palette
Copied!
share
HEX toggle hex RGB
Dodger Blues
Copied!
share
HEX toggle hex RGB
SpaceHacks
Copied!
share
HEX toggle hex RGB
Motives color bar
Copied!
share
HEX toggle hex RGB
Bloom Winx Club
Copied!
share
HEX toggle hex RGB
Bluis
Copied!
share
HEX toggle hex RGB
KOLOR BLUE
Copied!
share
HEX toggle hex RGB
Acta euador
Copied!
share
HEX toggle hex RGB
Luke Skywalker
Copied!
share
HEX toggle hex RGB
Bepad17
Copied!
share
HEX toggle hex RGB
Clinch Case
Copied!
share
HEX toggle hex RGB
Scada 2
Copied!
share
HEX toggle hex RGB
Scada
Copied!
share
HEX toggle hex RGB
Dumortierite
Copied!
share
HEX toggle hex RGB
SSB