sky blue Color Codes

Color Preview
Sky Blue Color Codes
Related Colors

Complementary

#ba482e

Analogous

hsl(221, 60%, 55%)
hsl(161, 60%, 55%)

Triadic

hsl(311, 60%, 55%)
hsl(71, 60%, 55%)

Tetradic

hsl(281, 60%, 55%)
hsl(11, 60%, 55%)
hsl(101, 60%, 55%)
HTML Snippets
.element { background-color: #45B7D1; }
.element { color: #45B7D1; }

This is how the text color would appear.

<span style="color: #45B7D1;">Colored text</span>

This text has an inline style applied.

Accessibility

Contrast Ratios

Black8.95 (AA)
White2.35 (Fail)
Shades of Sky Blue

hsl(191, 60%, 25%)

hsl(191, 60%, 40%)

#45B7D1

hsl(191, 60%, 70%)

hsl(191, 60%, 85%)

Color Blindness Simulations

Protanopia (Red-Blind)

#7677af

Deuteranopia (Green-Blind)

#7067a7

Tritanopia (Blue-Blind)

#4b8681

Related Palettes

About sky blue

sky blue (#45B7D1) is a versatile color that can be used in various design contexts. Explore its hex code, RGB and HSL values, and discover complementary colors to create stunning color palettes for your projects.