What is the hex code for SteelBlue?

The hex code for SteelBlue is #4682B4.

What is the RGB value of SteelBlue?

The RGB value of SteelBlue is rgb(70, 130, 180).

What is the HSL value of SteelBlue?

The HSL value of SteelBlue is hsl(207, 44%, 49%).

What is the HSV value of SteelBlue?

The HSV value of SteelBlue is hsv(207, 61%, 71%).

What CSS code do I use for SteelBlue?

Use background-color: #4682B4; for background, color: #4682B4; for text, or border: 1px solid #4682B4; for borders.

SteelBlue Hex #4682B4: HTML Color Code & Gradients

SteelBlue (#4682B4) Color Codes & Gradients

Color Preview

Make a gradient with SteelBlue →

Opens SteelBlue with a similar color in the generator: change the colors or the gradient type, then copy the CSS or download. More gradient variations below.

Technical Color Values (Hex, RGB, HSV, HSL)

HTML Name	steelblue
Hex	#4682B4
RGB	rgb(70, 130, 180)
HSV	hsv(207, 61%, 71%)
HSL	hsl(207, 44%, 49%)
OKLCH	oklch(58.8% 0.0993 245.74)

What is the color name for #4682B4?

#4682B4 color name is SteelBlue.

Color Information

The HTML color SteelBlue has the hexadecimal code #4682B4 and in the RGB color space is composed of 27% red, 51% green, and 71% blue. The color SteelBlue has a hue angle of 207.3 degrees, a saturation of 44% and a lightness of 49%.

SteelBlue CSS Code Snippets

Background Color

.bg-steelblue { background-color: #4682B4; }

Text Color

.text-steelblue { color: #4682B4; }

Border Color

.border-steelblue { border: 1px solid #4682B4; }

Shade Gradient

.gradient-shade-steelblue { background: linear-gradient(135deg, #4682B4, #24425C); }

Tint Gradient

.gradient-tint-steelblue { background: linear-gradient(135deg, #4682B4, #9CBDD8); }

Monochromatic Gradient

.gradient-mono-steelblue { background: linear-gradient(135deg, #4682B4, #549CD8); }

SteelBlue Shades

#4077A5

#3B6D97

#356288

#2F5879

#294D6B

#24425C

SteelBlue Tints

#528CBC

#6196C2

#70A0C7

#7FA9CD

#8DB3D3

#9CBDD8

SteelBlue Tones

#5680A4

#667F93

#777E83

#7D7D7D

SteelBlue Monochromatic

#549CD8

#4682B4

#386890

#2A4D6B

#1B3347

#0D1922

Similar Colors to SteelBlue

#46A7B4

#4698B4

#4689B4

#467BB4

#466CB4

#465DB4

Generate a Gradient

Generate a shade gradient →

Generate a tint gradient →

Generate a tone gradient →

Generate a monochromatic gradient →

Generate a similar color gradient →

CSS Gradient Generator