Steel Blue Color Palette: Hex Codes & CSS

Q: What colors are in the Steel Blue palette?

Cool steel blue and slate, industrial and calm. Hex codes: #1B263B, #2C3E50, #415A77, #778DA9, #A9C0D6.

Q: How do I turn the Steel Blue palette into a CSS gradient?

Use background: linear-gradient(to right, #1B263B, #2C3E50, #415A77, #778DA9, #A9C0D6);, or open it in the live gradient generator to customize it further.

Steel Blue Color Palette

Cool steel blue and slate, industrial and calm.

Make it a gradient →

Want to adjust the palette colors? Use the Color Palette Generator →

Colors

#1B263B

#2C3E50

#415A77

#778DA9

#A9C0D6

Contrast on Light & Dark Backgrounds

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. Click a check to verify it on colorcontrastcheck.com.

Steel Blue CSS Code

#1B263B
#2C3E50
#415A77
#778DA9
#A9C0D6

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(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)

oklch(26.92% 0.0424 262.7)
oklch(35.64% 0.0391 248.97)
oklch(45.99% 0.0564 252.67)
oklch(63.63% 0.0493 254.61)
oklch(79.76% 0.0401 247.14)

The same colors in OKLCH. In a gradient, OKLCH can also blend them more vividly. How OKLCH gradients work →

Similar Palettes

More Color Palettes

FAQ

What colors are in the Steel Blue palette?