Lightsteelblue colour (#B0C4DE)
Lightsteelblue is light a blue with hex code #B0C4DE, one of the 148 named colours every browser understands, so you can write color: ${name} directly in CSS. In RGB it is 176, 196, 222; in HSL 214°, 41%, 78%. Use the tool to explore shades and harmonies.
How to use the Lightsteelblue colour
- The colour is pre-filled; click Explore to see all formats, shades and harmonies.
- Edit the value to try a variation.
- Copy the code you need.
Lightsteelblue in every format
| Format | Value |
|---|---|
| HEX | #B0C4DE |
| RGB | rgb(176, 196, 222) |
| RGB (0–1) | 0.690, 0.769, 0.871 |
| HSL | hsl(214, 41%, 78%) |
| CMYK (approx.) | 21%, 12%, 0%, 13% |
| CSS | color: lightsteelblue; |
Shades and tints of Lightsteelblue
Same hue and saturation, lightness from 90% to 10%:
#dbe4f0 | #b7c9e1 | #93aed2 | #6f93c3 | #4b79b4 | #3c6090 | #2d486c | #1e3048 | #0f1824 |
Colours that go with Lightsteelblue
| Harmony | Colours | |
|---|---|---|
| Complementary | #decab0 | |
| Triadic | #deb0c4 | #c4deb0 |
| Analogous | #b3b0de | #b0dbde |
Similar named colours
The closest CSS named colours by RGB distance, useful when you need a keyword instead of a hex code or want a near match:
| Colour | HEX | Difference |
|---|---|---|
| lightblue | #add8e6 | very close |
| powderblue | #b0e0e6 | very close |
| silver | #c0c0c0 | close |
| lightgray | #d3d3d3 | close |
| thistle | #d8bfd8 | close |
Accessibility
Contrast ratio of Lightsteelblue against white is 1.78:1 (fails WCAG AA for normal text) and against black 11.8:1 (passes). Use black or very dark text on a Lightsteelblue background rather than white.
Frequently asked questions
What is the hex code for Lightsteelblue?
#B0C4DE.
What is Lightsteelblue in RGB?
rgb(176, 196, 222).
What colour is complementary to Lightsteelblue?
#decab0, directly opposite on the colour wheel.
Privacy
This tool runs entirely inside your browser using WebAssembly and the Canvas/File APIs. Your files are never uploaded to ToolFlint or any third party; you can verify this in your browser's network tab or by switching to airplane mode after the page loads. Read how we process files.
Last updated 2026-09-23.