bluecoolCSS named color
Steel Blue #4682B4
A muted blue-gray, like steel.
Use cases: Industrial UI · Professional palettes
Color values
| Format | Value | |
|---|---|---|
| HEX | #4682B4 | |
| RGB | rgb(70, 130, 180) | |
| HSL | hsl(207, 44%, 49%) | |
| HSV | hsv(207, 61%, 71%) | |
| CMYK | cmyk(61.1%, 27.8%, 0%, 29.4%) | |
| XYZ | xyz(18.7436, 20.5609, 46.152) | |
| CIE-LAB | lab(52.5, -4.1, -32.2) | |
| Luminance | 0.206 (WCAG relative) |
/* Steel Blue */
color: #4682b4;
background-color: #4682b4;
Shade scale
Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →
Shades (toward black)
#3f75a2 #386890 #315b7e #2a4e6c #23415a #1c3448 #152736 #0e1a24 #070d12 #000000
Tints (toward white)
#598fbc #6b9bc3 #7ea8cb #90b4d2 #a3c1da #b5cde1 #c8dae9 #dae6f0 #edf3f8 #ffffff
Tones (toward gray)
#4c82af #5282aa #5781a4 #5d819f #63819a #698195 #6f8190 #74808a #7a8085 #808080
Color harmonies
Complementary
Edit in generator →#4682B4
#B47846
#4682b4 #b47846
Analogous
Edit in generator →#46B4AF
#4682B4
#464BB4
#46b4af #4682b4 #464bb4
Triadic
Edit in generator →#4682B4
#B44682
#82B446
#4682b4 #b44682 #82b446
Tetradic
Edit in generator →#4682B4
#AF46B4
#B47846
#4BB446
#4682b4 #af46b4 #b47846 #4bb446
Split Complementary
Edit in generator →#4682B4
#B4464B
#B4AF46
#4682b4 #b4464b #b4af46
Monochromatic
Edit in generator →#24425C
#356288
#4682B4
#70A0C7
#9CBDD8
#24425c #356288 #4682b4 #70a0c7 #9cbdd8
Accessibility & contrast
4.11
#4682B4 on #FFFFFF
AA text ✗AA large ✓AAA text ✗UI 3:1 ✓
5.11
#4682B4 on #000000
AA text ✓AA large ✓AAA text ✗UI 3:1 ✓
Best text on steel blue
5.11
#000000 text
WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1.
Color blindness preview
Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.
Closest named colors
Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀).
| Color | Name | ΔE₀₀ |
|---|---|---|
| Azure #007FFF | 6.88 | |
| Cerulean #007BA7 | 7.01 | |
| Royal Blue #4169E1 | 10.52 | |
| Slate Gray #708090 | 10.62 | |
| Denim #1560BD | 12.31 | |
| Sapphire #0F52BA | 16.72 |
Related colors
Palettes with steel blue
Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.