#4682B4
Steel Blue
Steel blue is a muted, grayish-blue that resembles the color of blue steel. It is professional and understated, widely used in corporate design.
Steel Blue Color Values
HEX#4682B4
RGB70, 130, 180
HSL207°, 44%, 49%
HSV207°, 61%, 71%
CMYK61%, 28%, 0%, 29%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #6C83B6 (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #5D78B3 (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #008E94 (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #7C7C7C (~0.003% of population)
Steel Blue as Text Color
Steel Blue on White
4.1:1FAIL
Steel Blue on Light Gray
3.8:1FAIL
Steel Blue on Cream
3.9:1FAIL
Steel Blue on Dark
4.2:1FAIL
Steel Blue on Black
5.1:1AA
Steel Blue on Soft Blue
3.6:1FAIL
Steel Blue on Soft Green
3.7:1FAIL
Steel Blue on Soft Pink
3.4:1FAIL
Nearest Tailwind Class
slate-500
#64748B
Nearest Pantone Match
Very Peri (2022)
#6667AB
CSS Variable Export
:root {
--color-steel-blue: #4682B4;
--color-steel-blue-rgb: 70, 130, 180;
}Tailwind Config
// tailwind.config.js
colors: {
'steel-blue': '#4682B4',
}Shades of Steel Blue
#4682B4
#3F75A2
#36658C
#2F5879
#274863
#1F3B51
#172B3B
#101D28
#070D12
#000000
Tints of Steel Blue
#4682B4
#5A91BF
#6C9DC6
#82ACCE
#98BBD7
#ABC7DE
#C1D6E7
#D7E4EF
#E9F0F6
#FFFFFF
Color Harmonies
Complementary
#4682B4
#B47746
Analogous
#46B4AE
#4682B4
#464BB4
Triadic
#4682B4
#B44682
#82B446
Steel Blue Text Preview
Heading in Steel Blue
Body text in Steel Blue. The quick brown fox jumps over the lazy dog.
White on Steel Blue
Body text on a Steel Blue background.
Steel Blue text on dark background
Contrast: 4.3:1