Steel Blue in OKLCH

Steel Blue is the muted, grayish CSS named color #4682B4. Here it is in OKLCH, RGB and as a full tonal palette you can copy or tweak below. 100% in your browser - copy the values or a Tailwind v4 export.

OKLCHoklch(58.8% 0.099 245.7)

HEX#4682B4

RGBrgb(70 130 180)

sRGB: in gamutDisplay-P3: in gamut

#4682B4

oklch(58.8% 0.099 245.7)

Lightness58.8%

Chroma0.099

Hue245.7°

sRGB: in gamutDisplay-P3: in gamut

Values

OKLCH

oklch(58.8% 0.099 245.7)

HEX

#4682B4

RGB

rgb(70 130 180)

Set from hex

Contrast (this color as text)

Aa on whiteWCAG 4.11:1

AA ✗AAA ✗

APCA Lc 68

Aa on blackWCAG 5.11:1

AA ✓AAA ✗

APCA Lc 34

Tonal palette

Tailwind steps · same hue

Export

Name

@theme {
  --color-brand-50: oklch(97.0% 0.068 245.7);
  --color-brand-100: oklch(94.0% 0.071 245.7);
  --color-brand-200: oklch(88.0% 0.076 245.7);
  --color-brand-300: oklch(80.0% 0.083 245.7);
  --color-brand-400: oklch(70.0% 0.092 245.7);
  --color-brand-500: oklch(62.0% 0.099 245.7);
  --color-brand-600: oklch(54.0% 0.092 245.7);
  --color-brand-700: oklch(46.0% 0.085 245.7);
  --color-brand-800: oklch(38.0% 0.078 245.7);
  --color-brand-900: oklch(30.0% 0.071 245.7);
  --color-brand-950: oklch(22.0% 0.064 245.7);
}

About steel blue

Steel Blue is a calm, desaturated blue with a slightly gray cast that reads as professional and understated, which suits dashboards, charts and corporate UI. Its restrained chroma makes the tonal scale gentle and easy to build a full neutral-blue set from. Hold the hue and vary lightness for that quiet ramp, then copy the OKLCH, HEX or RGB value.

Steel Blue in CSS: oklch(58.8% 0.099 245.7) · #4682b4 · rgb(70 130 180)

Frequently Asked Questions

Steel blue is the CSS named color #4682B4. Its OKLCH value (mid lightness, low-to-moderate chroma, blue hue) is shown in the readout above and can be copied in one click.

Its low chroma keeps it from competing with brighter data series, and OKLCH lets you derive an even, perceptually consistent set of tints and shades for sequential scales.

Other colors in OKLCH

Rebecca Purple Coral Crimson Teal Hot Pink Gold

Back to the full OKLCH Color Picker

From the blog

accessibility

Steel Blue in OKLCH

Values

Contrast (this color as text)

Tonal palette

Export

About steel blue

Frequently Asked Questions

Other colors in OKLCH

From the blog

APCA vs. WCAG: Navigating Color Contrast and Accessibility in 2026

Migrating to Tailwind v4: How to Configure Custom OKLCH Color Themes

The Science of Wide-Gamut Web Colors and Gamut Mapping

Values

Contrast (this color as text)

Tonal palette

Export