Baby Blue Color Code

HEX

#A0D3E8

RGB

rgb(160, 211, 232)

HSL

hsl(198, 61%, 77%)

CMYK

0%, 9%, 0%, 9%

About Baby Blue

Baby Blue is a gentle and soothing shade that embodies the tranquility of a clear sky on a sunny day. This color is often associated with innocence, peace, and serenity, making it a favorite in various design contexts.

Psychology

Baby Blue is known to:

  • Evoke feelings of calmness and relaxation
  • Promote a sense of peace and tranquility
  • Inspire clarity and open communication

Usage

This versatile color works well in:

  • Nursery and children's room decor
  • Branding for products aimed at a gentle and calming experience
  • Web design for creating a soothing user experience
  • Fashion, particularly in spring and summer collections

Combinations

Baby Blue pairs beautifully with:

  • Soft Yellow ( #F9E79F )
  • Coral ( #FF6F61 )
  • Light Gray ( #D5DBDB )
  • White ( #FFFFFF )

Baby Blue shades and tints

Shade · 1

Shade · 2

Shade · 3

Tint · 4

Tint · 5

Tint · 6

Colors related to Baby Blue

Complementary

hsl(18, 61%, 77%)

Analogous

hsl(228, 61%, 77%)

Triadic

hsl(318, 61%, 77%)

Baby Blue color values and uses

Baby Blue is represented here by #A0D3E8. In digital artwork, websites, and interface design, HEX is a compact way to specify the exact red, green, and blue channels. The equivalent RGB value is rgb(160, 211, 232); HSL hsl(198, 61%, 77%) describes hue, saturation, and lightness, while CMYK 0%, 9%, 0%, 9% offers a starting point for print workflows. These conversions are useful when moving a color between design tools, though displays, printers, and color profiles can produce different results.

Use baby blue alongside the swatches above to compare lighter tints, deeper shades, and nearby hues. A restrained palette can reserve this color for a focal element and use a neutral background for supporting content. For text and controls, check contrast at the size and weight where the color will appear; a swatch that looks clear on a large area may be harder to read in small labels. Save the HEX or RGB value in your design system so the same color can be reused consistently.

Frequently asked questions about Baby Blue

What is the hex code of Baby Blue?

The hex code of Baby Blue is #A0D3E8.

What is the RGB value of Baby Blue?

The RGB value is rgb(160, 211, 232), with red, green, and blue channels shown in that order.

What colors go with Baby Blue?

Baby Blue can be paired with complementary, analogous, or triadic hues. Check contrast and context before choosing a combination.

What are the HSL and CMYK values for Baby Blue?

The HSL value is hsl(198, 61%, 77%); the approximate CMYK conversion is 0%, 9%, 0%, 9%. CMYK output can vary by printer and color profile.

Similar colors

Browse all colors