Misty Blue Color

October 15, 2024
+100 Gradient Wallpapers

Misty Blue is a soft blue that symbolizes calm and elegance. Choose this color to add a peaceful and trustworthy vibe to your designs.

#b5c7eb
181,199,235

#F1F6FC

#E6EDF9

#D2DDF3

#B5C7EB

#98ABE1

#7E8ED6

#6570C6

#545BAE

#464D8D

#3E4471

#242742

Color Conversions

Color Model Code
HEX #b5c7eb
RGB (181, 199, 235)
HSL (220°, 58%, 82%)
HSV (220°, 23%, 92%)
CMYK (0.23, 0.15, 0.00, 0.08)

Real Design Examples 👇🏽

Color Combinations

#b5c7eb

#8db4e2

#6ca1d2

#4f8bb1

#3e7f9f

#f0f8ff

#b5c7eb

#78a3d0

#d4ebc1

#b5c7eb

#8db4e2

#6ca1d2

#b5c7eb

#9ab3e6

#7ea0e1

#6390dc

#4a7fdb

#2f6dcb

#b5c7eb

#9ab3e6

#6a9bd0

Fashion

No items found.

Interior

No items found.

Wallpapers

No items found.

Patterns

No items found.

Best Match

Misty Blue Color
#b5c7eb
No items found.

Tints

#b5c7eb

#bccced

#c3d2ef

#cbd7f1

#d2ddf3

#dae3f5

#e1e8f7

#e8eef9

#f0f3fb

#f7f9fd

#ffffff

Shades

#b5c7eb

#a2b3d3

#909fbc

#7e8ba4

#6c778d

#5a6375

#484f5e

#363b46

#24272f

#121317

#000000

Triadic

#b5c7eb

#ebb5c7

#c7ebb5

Monochromatic

#7999db

#8da9e0

#a1b8e6

#b5c7eb

#c9d6f0

#dde5f6

#f1f5fb

Analogous

#b5c7eb

#beb5eb

#b5e2eb

Complementary

#b5c7eb

#ebd9b5

Misty Blue (#B5C7EB) is a light shade of blue that evokes calm and serenity.
How can you use Misty Blue? This color is ideal for backgrounds, making the user experience more relaxed.
It is also suitable for secondary buttons thanks to its subdued tones. Meaning of Misty Blue: Symbolizing elegance and confidence, this color is often preferred especially in health and wellness projects.

Build with Webflow