Pastel Blue

#B3EBF2

What color is Pastel Blue?

Pastel blue is a soft, pale blue with a cool, airy quality, hex #B3EBF2, lighter than a clear midday sky. It has a faint watery quality, close to the color of a robin's egg.

What is the meaning of the color Pastel Blue?

Pastel as a color category entered English in the late 19th century, drawn from the chalky pigment sticks used in fine art across Europe. Blue pastels were common in portrait work of the 18th century, used by artists such as Rosalba Carriera, who helped popularize the medium in Venice and Paris around the 1720s. The soft blue tone became associated with infants and nurseries in Western culture following a 1918 article in Earnshaw’s Infants’ Department, a US trade publication, which listed blue as the appropriate color for boys. The shade is used in the branding of the mental wellness app Calm, where it anchors a visual identity built around rest and quiet.

RGB
179, 235, 242
HSL
187°, 71%, 83%
CMYK
26, 3, 0, 5
HSV
187°, 26%, 95%
Pastel blue color

What colors go with Pastel Blue?

Colors that pair well with Pastel blue include:
Soft white: clean, airy lightness
Lavender: gentle tonal harmony
Sage green: cool natural balance
Warm beige: soft grounding contrast
Navy blue: strong depth anchor

Similar Colors

Conversions & Codes

Format Value CSS
HEX #B3EBF2 color: #B3EBF2;
RGB 179, 235, 242 color: rgb(179, 235, 242);
RGB Percentage 70%, 92%, 95% color: rgb(70%, 92%, 95%);
CMYK 26%, 3%, 0%, 5% Not supported in CSS
HSL 187°, 71%, 83% color: hsl(187, 71%, 83%);
HSV 187°, 26%, 95% Not supported in CSS
CIE-LAB 66, -11, -2 color: lab(66% -11 -2);
Decimal 11791346 Not supported in CSS

Color Variations

Shades

#B5EBF2
#91E2EC
#6CD8E6
#48CEE0
#25C4D9
#1FA3B5
#198391
#12626D

Tints

#E9F9FB
#E1F7FA
#DAF5F9
#D3F3F7
#CBF1F6
#C4EFF5
#BCEDF4
#B5EBF2

Tones

#B5EBF2
#B8E9EF
#BBE7EC
#BEE4E9
#C1E2E6
#C4DFE3
#C7DDE0
#CADBDD

Hues

#B5EBF2
#B5BDF2
#DBB5F2
#F2B5DC
#F2BCB5
#F2EAB5
#CCF2B5
#B5F2CB

Color Harmonies

Analogous

#B5F2DB
Click to copy
#B3EBF2
Click to copy
#B5CCF2
Click to copy

Complementary

#B3EBF2
Click to copy
#F2BCB5
Click to copy

Split Complementary

#B3EBF2
Click to copy
#F2B5CC
Click to copy
#F2DBB5
Click to copy

Triadic

#B3EBF2
Click to copy
#F2B5EB
Click to copy
#EBF2B5
Click to copy

Tetradic

#B3EBF2
Click to copy
#DBB5F2
Click to copy
#F2BCB5
Click to copy
#CCF2B5
Click to copy

Square

#B3EBF2
Click to copy
#DBB5F2
Click to copy
#F2BCB5
Click to copy
#CCF2B5
Click to copy

CSS & Dev Snippets

CSS
.pastel-blue {
  color: #B3EBF2;
}
SCSS
$pastel-blue: #B3EBF2;
RGB
rgb(179, 235, 242)

Accessibility & Contrast

White background

1.31:1
1.31
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

16.08:1
16.08
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags