baby blue Color Codes

Color Preview

Baby Blue Color Codes

Related Colors

Complementary

#4c1a03

Analogous

hsl(229, 92%, 85%)

hsl(169, 92%, 85%)

Triadic

hsl(319, 92%, 85%)

hsl(79, 92%, 85%)

Tetradic

hsl(289, 92%, 85%)

hsl(19, 92%, 85%)

hsl(109, 92%, 85%)

HTML Snippets

.element { background-color: #B3E5FC; }

.element { color: #B3E5FC; }

This is how the text color would appear.

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

This text has an inline style applied.

Accessibility

Contrast Ratios

Black15.53 (AA)

White1.35 (Fail)

Shades of Baby Blue

hsl(199, 92%, 55%)

hsl(199, 92%, 70%)

#B3E5FC

hsl(199, 92%, 100%)

Color Blindness Simulations

Protanopia (Red-Blind)

#c9c9ea

Deuteranopia (Green-Blind)

#c6c2e6

Tritanopia (Blue-Blind)

#b5cfcd

Related Palettes

Baby Blues

About baby blue

baby blue (#B3E5FC) 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.