Pale Cerulean (#9bc4e2) Web Color For Web Page Design

Everything about Pale Cerulean (#9bc4e2) 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.

Pale Cerulean (#9bc4e2) Color Hex

Pale Cerulean (#9bc4e2) rgb(155, 196, 226)

Color spaces of Pale Cerulean (#9bc4e2)

RGB155196226
HSL0.570.550.75
HSV2063289
CMYK0.310.130.00 0.11
XYZ46.985051.939479.5004
Yxy0.26330.2911
Hunter Lab72.0690-9.7487-14.9554
CIE-Lab77.2446-6.5708-19.3277

Base Numbers

BaseRedGreenBlue
Binary100110111100010011100010
Octal233304342
Decimal155196226
Hex9BC4E2

Shades of Pale Cerulean (#9bc4e2)

Copied!
HEX toggle hex RGB
#9bc4e2 #8cb0cb #7c9db5 #6d899e #5d7688 #4e6271 #3e4e5a #2f3b44 #1f272d #0f1417 #000000

Tints of Pale Cerulean (#9bc4e2)

Copied!
HEX toggle hex RGB
#94b9d4 #91b1c9 #91aec3 #95aec0 #9eb2c1 #a9bac6 #b9c5ce #cdd5db #e4e8eb #ffffff

RGB Percentages of Color Pale Cerulean (#9bc4e2)

Red
Green
Blue

CMYK Percentages of Color Pale Cerulean (#9bc4e2)

Cyan
Magenta
Yellow
Black

Analogous Colors of Pale Cerulean (#9bc4e2)

Copied!
HEX toggle hex RGB
#9bc4e2 #0015ff #6a00ff #ea00ff

Triadic Colors of Pale Cerulean (#9bc4e2) separated with 120° angle

Copied!
HEX toggle hex RGB
#9bc4e2 #e39cc4 #c4e39c

Tetradic Colors of Pale Cerulean (#9bc4e2) separated with 90° angle

Copied!
HEX toggle hex RGB
#9bc4e2 #de9ce3 #e3ba9c #a0e39c

Monochromatic Colors of Pale Cerulean (#9bc4e2)

Copied!
HEX toggle hex RGB
#2a6795 #428fca #6fa9d6 #c8dff0 #f5f9fc

Complementary Color

Copied!
HEX toggle hex RGB
#9bc4e2 #e3ba9c

Pastel variations

Copied!
HEX toggle hex RGB
#4c8397 #406e80 #cfdfe6 #3098bf

Soft variations

Copied!
HEX toggle hex RGB
#5e7c87 #597580 #cfdfe6 #60a5bf

Light variations

Copied!
HEX toggle hex RGB
#bfeeff #60a5bf #e6f8ff #80dcff

Hard variations

Copied!
HEX toggle hex RGB
#007aa8 #004965 #e6f8ff #66d5ff

Pale variations

Copied!
HEX toggle hex RGB
#818b8f #737c80 #e6f8ff #acbabf

Pale Cerulean (#9bc4e2) Color Preview on Black Background

This is Pale Cerulean (#9bc4e2) on a black background

Pale Cerulean (#9bc4e2) Color Preview on White Background

This is Pale Cerulean (#9bc4e2) on a white background

Pale Cerulean (#9bc4e2) Color CSS Codes

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

Pale Cerulean (#9bc4e2) Text Font Color

This is a sample text written with the Pale Cerulean (#9bc4e2) color.
This is a strong text written with the Pale Cerulean (#9bc4e2) as well.

Pale Cerulean (#9bc4e2) Background Color

                <div style="background-color:Pale Cerulean (#9bc4e2)">
                    Text on the Pale Cerulean (#9bc4e2) color
                </div>

Pale Cerulean (#9bc4e2) 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(155, 196, 226);">Text here</p>

This is a text with rgb(155, 196, 226) as a shadow color.

Div Box Shadow

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

Related palettes

Copied!
share
HEX toggle hex RGB
Tranquil Serenity
Copied!
share
HEX toggle hex RGB
Habitat Zones
Copied!
share
HEX toggle hex RGB
Pale-not-ish