lightsteelblue

#B0C4DE

CSS color

Light Steel Blue (#B0C4DE) is a soft, medium-light grayish-blue CSS named color, suggesting the pale blue of weathered steel or high-altitude clouds. It is more refined and cooler than periwinkle, with a clean, industrial elegance used in aerospace design, corporate identity, and blue-gray neutral palettes. It pairs beautifully with white and charcoal.

Color Values

HEX

#B0C4DE

RGB

176, 196, 222

HSL

213.9, 41.1%, 78.0%

HSV

213.9, 20.7%, 87.1%

CMYK

20.7%, 11.7%, 0.0%, 12.9%

OKLCH

0.8136 0.0428 255.0

Properties

Color Psychology

Light blues are universally associated with clear skies, serenity, and trustworthiness. They lower blood pressure and heart rate, making them the most psychologically calming chromatic colors. Baby blue in particular symbolizes gentleness, innocence, and reliable safety.

Design Usage

Soft blues are the most widely used background color in enterprise software, social media, and healthcare apps. They create a professional yet friendly atmosphere that encourages prolonged engagement. Use them for empty states, onboarding screens, and informational banners that should feel non-threatening.

Color Harmonies

Color Blindness Simulation

CSS Usage

background-color: #B0C4DE;
color: #B0C4DE;
border-color: #B0C4DE;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

11.8:1

AA Pass AAA Pass

Compare With

Part of These Collections

Related Articles

Frequently Asked Questions

What are the RGB, HSL, and CMYK values of #B0C4DE?

RGB(176, 196, 222) · HSL(213.9, 41.1%, 78.0%) · CMYK(20.7%, 11.7%, 0.0%, 12.9%)

Does #B0C4DE meet WCAG contrast on white?

1.78:1 — WCAG AA Fail, AAA Fail for normal text.

What text color is readable on #B0C4DE?

Use 000000 text on a #B0C4DE background; contrast on black is 11.8:1.