Misty Blue

#B5C7EB

What color is Misty Blue?

Misty blue is a soft, hazy blue with a grey undertone, hex #B5C7EB, close to the pale blue of a forget-me-not petal. It has a muted, powdery quality that keeps it light without appearing stark white.

What is the meaning of the color Misty Blue?

Blue-grey tones like misty blue gained documented use in textile dyeing during the 18th century, when pale, greyed blues were fashionable in European court dress and porcelain production, particularly in Wedgwood’s jasperware line launched in 1775. The name itself draws on atmospheric language, referencing the diffused blue light visible in morning mist or coastal haze. This type of soft blue became a recurring choice in interior design pattern books of the Victorian era, where muted tones were recommended for drawing rooms. The shade appears in Pantone’s historical fashion color archives as part of a broader family of dusty blues used in bridal and formal wear.

RGB
181, 199, 235
HSL
220°, 57%, 82%
CMYK
23, 15, 0, 8
HSV
220°, 23%, 92%
Misty blue color

What colors go with Misty Blue?

Colors that pair well with Misty blue include:
Soft white: clean, airy lightness
Dusty rose: gentle warm contrast
Navy blue: deep grounding anchor
Sage green: cool, natural balance
Warm grey: subtle tonal depth

Similar Colors

Conversions & Codes

Format Value CSS
HEX #B5C7EB color: #B5C7EB;
RGB 181, 199, 235 color: rgb(181, 199, 235);
RGB Percentage 71%, 78%, 92% color: rgb(71%, 78%, 92%);
CMYK 23%, 15%, 0%, 8% Not supported in CSS
HSL 220°, 57%, 82% color: hsl(220, 57%, 82%);
HSV 220°, 23%, 92% Not supported in CSS
CIE-LAB 66, -4, -12 color: lab(66% -4 -12);
Decimal 11913195 Not supported in CSS

Color Variations

Shades

#B7C8EB
#96AFE2
#7597D9
#547ED0
#3666C5
#2D55A4
#244483
#1B3362

Tints

#E9EFF9
#E2E9F7
#DBE4F5
#D4DEF3
#CDD9F1
#C5D3EF
#BECEED
#B7C8EB

Tones

#B7C8EB
#BAC9E9
#BCCAE6
#BFCBE3
#C1CCE1
#C4CDDE
#C7CEDC
#C9CED9

Hues

#B7C8EB
#CDB7EB
#EBB7E3
#EBB7BB
#EBDAB7
#D5EBB7
#B7EBC0
#B7EBE7

Color Harmonies

Analogous

#B7E3EB
Click to copy
#B5C7EB
Click to copy
#C0B7EB
Click to copy

Complementary

#B5C7EB
Click to copy
#EBDAB7
Click to copy

Split Complementary

#B5C7EB
Click to copy
#EBC0B7
Click to copy
#E3EBB7
Click to copy

Triadic

#B5C7EB
Click to copy
#EBB7C8
Click to copy
#C8EBB7
Click to copy

Tetradic

#B5C7EB
Click to copy
#EBB7E3
Click to copy
#EBDAB7
Click to copy
#B7EBC0
Click to copy

Square

#B5C7EB
Click to copy
#EBB7E3
Click to copy
#EBDAB7
Click to copy
#B7EBC0
Click to copy

CSS & Dev Snippets

CSS
.misty-blue {
  color: #B5C7EB;
}
SCSS
$misty-blue: #B5C7EB;
RGB
rgb(181, 199, 235)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags