Steel Blue Color Palette
Cool steel blue and slate, industrial and calm.
Use as a gradient →
Colors
#1B263B
#2C3E50
#415A77
#778DA9
#A9C0D6
Contrast on Light & Dark Backgrounds
| Color | Hex | On White | On Black |
|---|---|---|---|
| #1B263B | T - | T - | |
| #2C3E50 | T - | T - | |
| #415A77 | T - | T - | |
| #778DA9 | T - | T - | |
| #A9C0D6 | T - | T - |
Each circle shows the color as text on white and black, with a simulated WCAG AA pass/fail badge. Not a guarantee of accessibility compliance.
Steel Blue CSS Code
HEX Copy
#1B263B #2C3E50 #415A77 #778DA9 #A9C0D6
RGBA Copy
rgba(27, 38, 59, 1.0) rgba(44, 62, 80, 1.0) rgba(65, 90, 119, 1.0) rgba(119, 141, 169, 1.0) rgba(169, 192, 214, 1.0)
HSLA Copy
hsla(219, 37%, 17%, 1.0) hsla(210, 29%, 24%, 1.0) hsla(212, 29%, 36%, 1.0) hsla(214, 23%, 56%, 1.0) hsla(209, 35%, 75%, 1.0)
More Color Palettes
FAQ
What colors are in the Steel Blue palette?Cool steel blue and slate, industrial and calm.
How do I turn the Steel Blue palette into a CSS gradient?
Use
background: linear-gradient(to right, #1B263B, #2C3E50, #415A77, #778DA9, #A9C0D6);, or click "Use as a gradient" above to open it in the live generator.