PowderBlue (#b0e0e6) Web Color For Web Page Design

Everything about PowderBlue (#b0e0e6) 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.

PowderBlue (#b0e0e6) Color Hex

PowderBlue (#b0e0e6) rgb(176, 224, 230)

Color spaces of PowderBlue (#b0e0e6)

RGB176224230
HSL0.520.520.80
HSV1872491
CMYK0.230.030.00 0.10
XYZ58.843168.254684.9360
Yxy0.27750.3219
Hunter Lab82.6163-17.4428-3.1233
CIE-Lab86.1336-14.0877-8.0161

Base Numbers

BaseRedGreenBlue
Binary101100001110000011100110
Octal260340346
Decimal176224230
HexB0E0E6

Shades of PowderBlue (#b0e0e6)

Tints of PowderBlue (#b0e0e6)

RGB Percentages of Color PowderBlue (#b0e0e6)

Red
Green
Blue

CMYK Percentages of Color PowderBlue (#b0e0e6)

Cyan
Magenta
Yellow
Black

Analogous Colors of PowderBlue (#b0e0e6)

Triadic Colors of PowderBlue (#b0e0e6) separated with 120° angle

Copied!
HEX toggle hex RGB

Tetradic Colors of PowderBlue (#b0e0e6) separated with 90° angle

Monochromatic Colors of PowderBlue (#b0e0e6)

Complementary Color

Copied!
HEX toggle hex RGB

Pastel variations

Soft variations

Light variations

Hard variations

Pale variations

PowderBlue (#b0e0e6) Color Preview on Black Background

This is PowderBlue (#b0e0e6) on a black background

PowderBlue (#b0e0e6) Color Preview on White Background

This is PowderBlue (#b0e0e6) on a white background

PowderBlue (#b0e0e6) Color CSS Codes

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

            

PowderBlue (#b0e0e6) Text Font Color

This is a sample text written with the PowderBlue (#b0e0e6) color.
This is a strong text written with the PowderBlue (#b0e0e6) as well.

PowderBlue (#b0e0e6) Background Color

                <div style="background-color:PowderBlue (#b0e0e6)">
                    Text on the PowderBlue (#b0e0e6) color
                </div>
            

PowderBlue (#b0e0e6) 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(176, 224, 230);">Text here</p>

This is a text with rgb(176, 224, 230) as a shadow color.

Div Box Shadow

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

Related palettes

Copied!
share
HEX toggle hex RGB
Ca two
Copied!
share
HEX toggle hex RGB
Autumn - Blues
Copied!
share
HEX toggle hex RGB
Avoid cool-toned pastels
Copied!
share
HEX toggle hex RGB
Blue Empathy
Copied!
share
HEX toggle hex RGB
Emerald System JASPER
Copied!
share
HEX toggle hex RGB
Wes Anderson Instagram videos
Copied!
share
HEX toggle hex RGB
Blue 5-5-5-
Copied!
share
HEX toggle hex RGB
Pastels666
Copied!
share
HEX toggle hex RGB
Tranquil Waters
Copied!
share
HEX toggle hex RGB
Dreamy shades
Copied!
share
HEX toggle hex RGB
Sophisticated Glamour
Copied!
share
HEX toggle hex RGB
Vintage Pastels 2
Copied!
share
HEX toggle hex RGB
Lover - romantic reds and serene blues
Copied!
share
HEX toggle hex RGB
Randommine
Copied!
share
HEX toggle hex RGB
Pastel cream
Copied!
share
HEX toggle hex RGB
Soft and pastel
Copied!
share
HEX toggle hex RGB
Handoffs Colorful
Copied!
share
HEX toggle hex RGB
Fondo 1
Copied!
share
HEX toggle hex RGB
Kassiani
Copied!
share
HEX toggle hex RGB
Carlos Goes 3
Copied!
share
HEX toggle hex RGB
Carlos Goes 2
Copied!
share
HEX toggle hex RGB
Elementsofgrace2
Copied!
share
HEX toggle hex RGB
Elementsofgrace
Copied!
share
HEX toggle hex RGB
Blue colors 1
Copied!
share
HEX toggle hex RGB
Will you come back
Copied!
share
HEX toggle hex RGB
GG1
Copied!
share
HEX toggle hex RGB
Hamlett
Copied!
share
HEX toggle hex RGB
Only thing in my pocket is my passport
Copied!
share
HEX toggle hex RGB
Ideas1MB
Copied!
share
HEX toggle hex RGB
Feelings #1
Copied!
share
HEX toggle hex RGB
Pio
Copied!
share
HEX toggle hex RGB
Blueblueblue
Copied!
share
HEX toggle hex RGB
Cute pastel
Copied!
share
HEX toggle hex RGB
After raining
Copied!
share
HEX toggle hex RGB
Fairy Lights
Copied!
share
HEX toggle hex RGB
Aqua Gets Gold and Bold
Copied!
share
HEX toggle hex RGB
AquaticBlues
Copied!
share
HEX toggle hex RGB
Queen of the Sea
Copied!
share
HEX toggle hex RGB
Spring formal
Copied!
share
HEX toggle hex RGB
Yoyotototototottot
Copied!
share
HEX toggle hex RGB
Tori Top 5
Copied!
share
HEX toggle hex RGB
Lillie
Copied!
share
HEX toggle hex RGB
Verao real 14
Copied!
share
HEX toggle hex RGB
Verao 4 - Book
Copied!
share
HEX toggle hex RGB
Branding colors
Copied!
share
HEX toggle hex RGB
Ic3cr3am
Copied!
share
HEX toggle hex RGB
Easter egg gum
Copied!
share
HEX toggle hex RGB
Popular Light Cools Nov 3 2016
Copied!
share
HEX toggle hex RGB
AS Royal Aqua Lemon
Copied!
share
HEX toggle hex RGB
Blues II
Copied!
share
HEX toggle hex RGB
Brightly colored
Copied!
share
HEX toggle hex RGB
P4