Steel Color Code: HEX Code & RGB Code Values

Looking for specific steel color code? Get exact steel hex code #4682B4 and steel RGB code rgb(70,130,180). Complete color information for design and development projects featuring this strong, blue-grey industrial color.

HEX#4682B4

RGBrgb(70,130,180)

Shades of Steel

Create custom shades of steel with our color generator. Adjust hues, tints, and tones to find the perfect shade of steel for your project.

Color Picker

🎨

HEX Color Value

Pick from Image

Shades (Adding Black)

• 4682B4

  rgb(70, 130, 180)
• 3C6B93

  rgb(60, 107, 147)
• 335574

  rgb(51, 85, 116)
• 294056

  rgb(41, 64, 86)
• 1E2C3A

  rgb(30, 44, 58)
• 141A20

  rgb(20, 26, 32)
• 000000

  rgb(0, 0, 0)

Tints (Adding White)

• 4682B4

  rgb(70, 130, 180)
• 6A96C0

  rgb(106, 150, 192)
• 89AACD

  rgb(137, 170, 205)
• A7BED9

  rgb(167, 190, 217)
• C5D4E6

  rgb(197, 212, 230)
• E2E9F2

  rgb(226, 233, 242)
• FFFFFF

  rgb(255, 255, 255)

Tones (Adding Gray)

• 4682B4

  rgb(70, 130, 180)
• 5081AE

  rgb(80, 129, 174)
• 5B81A5

  rgb(91, 129, 165)
• 65809C

  rgb(101, 128, 156)
• 6E7F92

  rgb(110, 127, 146)
• 767E88

  rgb(118, 126, 136)
• 808080

  rgb(128, 128, 128)

Steel Palette

Explore curated and automatically generated color palettes featuring steel. See how it harmonizes with other colors for UI themes, graphics, and branding materials.

Color Picker

🎨

HEX Color Value

Sequential

Single hue gradient for data visualization

7 colors

Lightest

#D1E5F6

Light

#A5C3E0

Medium Light

#78A2CA

Medium

#4682B4

Medium Dark

#355C7D

Dark

#24384A

Darkest

#12171D

Diverging

Dual hue gradient with a neutral midpoint

9 colors

Base End

#4682B4

Left Dark

#779DC4

Left Medium

#A3BAD4

Left Light

#CCD7E5

Neutral

#F5F5F5

Right Light

#E8D4C7

Right Medium

#D9B59A

Right Dark

#C89670

Complementary End

#B47846

Monochromatic

Same hue, different brightness/saturation

5 colors

Lightest

#FFFFFF

Light

#A7BED9

Medium

#4682B4

Dark

#00436F

Darkest

#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors

Left Adjacent 2

#46B478

Left Adjacent 1

#46B4AF

Main

#4682B4

Right Adjacent 1

#464BB4

Right Adjacent 2

#7846B4

Complementary

Colors opposite on the color wheel (180° apart)

2 colors

Main

#4682B4

Complementary

#B47846

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors

Main

#4682B4

Secondary

#B44682

Tertiary

#82B446

Square

Four colors evenly spaced (90° apart)

4 colors

Main

#4682B4

Right 90°

#AF46B4

Complementary

#B47846

Left 90°

#4BB446

Tetradic

Two pairs of complementary colors

4 colors

Main

#4682B4

Secondary

#7846B4

Complementary

#B47846

Complementary Secondary

#82B446

Split Complementary

Complementary colors ±30°

3 colors

Main

#4682B4

Split Left

#B4464B

Split Right

#B4AF46

Cyclic

Circular gradient for periodic data

8 colors

0°

#4682B4

45°

#5D46B4

90°

#AF46B4

135°

#B44666

180°

#B47846

225°

#9EB446

270°

#4BB446

315°

#46B493

Pastel

Soft, desaturated colors for modern UI

6 colors

Light Pastel

#A8B3BD

Pastel 1

#B4BDC5

Pastel 2

#BFC8CE

Pastel 3

#CBD2D7

Pastel 4

#D7DCE0

Deep Pastel

#E2E6E9

Common Blue Color Codes (HEX & RGB)

Blue →

HEX:#0000FF

RGB:rgb(0, 0, 255)

Navy Blue →

HEX:#000080

RGB:rgb(0, 0, 128)

Dark Blue →

HEX:#00008B

RGB:rgb(0, 0, 139)

Light Blue →

HEX:#ADD8E6

RGB:rgb(173, 216, 230)

Royal Blue →

HEX:#4169E1

RGB:rgb(65, 105, 225)

Sky Blue →

HEX:#87CEEB

RGB:rgb(135, 206, 235)

Baby Blue →

HEX:#89CFF0

RGB:rgb(137, 207, 240)

Electric Blue →

HEX:#7DF9FF

RGB:rgb(125, 249, 255)

Indigo →

HEX:#4B0082

RGB:rgb(75, 0, 130)

Turquoise →

HEX:#40E0D0

RGB:rgb(64, 224, 208)

Cyan →

HEX:#00FFFF

RGB:rgb(0, 255, 255)

Extract Steel Hex & RGB Codes from Image

Upload a photo to find the exact steel HEX and RGB codes.

click or drag your image here

Supported formats: JPG, PNG, WebP

Steel Color Code Converter

Instantly convert between HEX, RGB, CMYK, and more for steel shades.

Color Picker

🎨

HEX Color Value

All Formats:

• HEX:
  #4682B4
• RGB:
  rgb(70, 130, 180)
• CMYK:
  cmyk(61%, 28%, 0%, 29%)
• HSV:
  hsv(207°, 61%, 71%)
• HSL:
  hsl(207°, 44%, 49%)

---

What is Steel?

Steel is a strong, blue-grey industrial color named after the metal alloy. It's a durable, reliable shade that evokes feelings of strength and precision. This color is often associated with construction, machinery, and industrial aesthetics.

The hex code for steel is #4682B4, with RGB values of rgb(70, 130, 180). It's a strong, beautiful color that adds reliability to any design.

Design Applications

Steel works well in industrial designs, construction branding, and machinery aesthetics. It pairs beautifully with black, white, and orange. Use it for construction materials, machinery designs, or to create a strong, industrial atmosphere in your projects.

FAQ

What is the steel hex code?

The steel hex code is #4682B4.

What colors complement steel?

Steel pairs well with black, white, orange, and silver.

Is steel named after the metal?

Yes, it's named for the strong steel alloy.