Electric Blue (#7df9ff) Web Color For Web Page Design

Everything about Electric Blue (#7df9ff) 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.

Electric Blue (#7df9ff) Color Hex

Electric Blue (#7df9ff) rgb(125, 249, 255)

Color spaces of Electric Blue (#7df9ff)

RGB125249255
HSL0.511.000.75
HSV18351100
CMYK0.510.020.00 0.00
XYZ60.383179.3313106.7377
Yxy0.24500.3219
Hunter Lab89.0681-34.8564-8.7044
CIE-Lab91.3840-33.0330-13.5329

Base Numbers

BaseRedGreenBlue
Binary011111011111100111111111
Octal175371377
Decimal125249255
Hex7DF9FF

Shades of Electric Blue (#7df9ff)

Copied!
HEX toggle hex RGB
#7df9ff #71e0e6 #64c7cc #58aeb3 #4b9599 #3f7d80 #326466 #264b4d #193233 #0c1919 #000000

Tints of Electric Blue (#7df9ff)

Copied!
HEX toggle hex RGB
#76e6eb #73d7db #75ccd0 #7bc6c9 #86c4c7 #96c7ca #a9ced0 #c1dadb #deebeb #ffffff

RGB Percentages of Color Electric Blue (#7df9ff)

Red
Green
Blue

CMYK Percentages of Color Electric Blue (#7df9ff)

Cyan
Magenta
Yellow
Black

Analogous Colors of Electric Blue (#7df9ff)

Copied!
HEX toggle hex RGB
#7df9ff #0073ff #0d00ff #8c00ff

Triadic Colors of Electric Blue (#7df9ff) separated with 120° angle

Copied!
HEX toggle hex RGB
#7df9ff #ff80f9 #f9ff80

Tetradic Colors of Electric Blue (#7df9ff) separated with 90° angle

Copied!
HEX toggle hex RGB
#7df9ff #c680ff #ff8680 #b9ff80

Monochromatic Colors of Electric Blue (#7df9ff)

Copied!
HEX toggle hex RGB
#00b6bf #0df3ff #46f6ff #b9fbff #f2feff

Complementary Color

Copied!
HEX toggle hex RGB
#7df9ff #ff8680

Pastel variations

Copied!
HEX toggle hex RGB
#468a8c #407d80 #cfe5e6 #30bbbf

Soft variations

Copied!
HEX toggle hex RGB
#577b7c #597e80 #cfe5e6 #60bcbf

Light variations

Copied!
HEX toggle hex RGB
#bffdff #60bcbf #e6feff #80fbff

Hard variations

Copied!
HEX toggle hex RGB
#00979c #005a5d #e6feff #66faff

Pale variations

Copied!
HEX toggle hex RGB
#778484 #737f80 #e6feff #acbfbf

Electric Blue (#7df9ff) Color Preview on Black Background

This is Electric Blue (#7df9ff) on a black background

Electric Blue (#7df9ff) Color Preview on White Background

This is Electric Blue (#7df9ff) on a white background

Electric Blue (#7df9ff) Color CSS Codes

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

Electric Blue (#7df9ff) Text Font Color

This is a sample text written with the Electric Blue (#7df9ff) color.
This is a strong text written with the Electric Blue (#7df9ff) as well.

Electric Blue (#7df9ff) Background Color

                <div style="background-color:Electric Blue (#7df9ff)">
                    Text on the Electric Blue (#7df9ff) color
                </div>

Electric Blue (#7df9ff) 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(125, 249, 255);">Text here</p>

This is a text with rgb(125, 249, 255) as a shadow color.

Div Box Shadow

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

Related palettes

Copied!
share
HEX toggle hex RGB
Bold And Vibrant
Copied!
share
HEX toggle hex RGB
Brut 2
Copied!
share
HEX toggle hex RGB
Electric Blue
Copied!
share
HEX toggle hex RGB
Vibrant Pop by zakinhooo
Copied!
share
HEX toggle hex RGB
Magician - Mindful Greens and Intuitive Blues
Copied!
share
HEX toggle hex RGB
Van Wildberry
Copied!
share
HEX toggle hex RGB
Bali3
Copied!
share
HEX toggle hex RGB
P0NYS0N4
Copied!
share
HEX toggle hex RGB
Contrast Seagreen
Copied!
share
HEX toggle hex RGB
Electric Blue-galoo
Copied!
share
HEX toggle hex RGB
Mindpeople
Copied!
share
HEX toggle hex RGB
Loader
Copied!
share
HEX toggle hex RGB
Favorites, Planner
Copied!
share
HEX toggle hex RGB
Life-Aquarius
Copied!
share
HEX toggle hex RGB
Peacocks & Butterflies