Slate Gray in OKLCH

Slate Gray is the cool, blue-tinted gray CSS named color #708090. 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(59.3% 0.031 248.3)

HEX#708090

RGBrgb(112 128 144)

sRGB: in gamutDisplay-P3: in gamut

#708090

oklch(59.3% 0.031 248.3)

Lightness59.3%

Chroma0.031

Hue248.3°

sRGB: in gamutDisplay-P3: in gamut

Values

OKLCH

oklch(59.3% 0.031 248.3)

HEX

#708090

RGB

rgb(112 128 144)

Set from hex

Contrast (this color as text)

Aa on whiteWCAG 4.05:1

AA ✗AAA ✗

APCA Lc 68

Aa on blackWCAG 5.18:1

AA ✓AAA ✗

APCA Lc 34

Tonal palette

Tailwind steps · same hue

Export

Name

@theme {
  --color-brand-50: oklch(97.0% 0.021 248.3);
  --color-brand-100: oklch(94.0% 0.022 248.3);
  --color-brand-200: oklch(88.0% 0.024 248.3);
  --color-brand-300: oklch(80.0% 0.026 248.3);
  --color-brand-400: oklch(70.0% 0.029 248.3);
  --color-brand-500: oklch(62.0% 0.031 248.3);
  --color-brand-600: oklch(54.0% 0.029 248.3);
  --color-brand-700: oklch(46.0% 0.026 248.3);
  --color-brand-800: oklch(38.0% 0.024 248.3);
  --color-brand-900: oklch(30.0% 0.022 248.3);
  --color-brand-950: oklch(22.0% 0.020 248.3);
}

About slate gray

Slate Gray is a neutral gray with a faint blue lean that keeps it from feeling flat, which makes it a workhorse for text, borders and UI surfaces. Its low chroma means the tonal scale gives you a clean, near-neutral ramp - ideal for building a full set of UI grays with a subtle cool cast. Keep the hue and sweep lightness for that ramp, then copy the OKLCH, HEX or RGB value.

Slate Gray in CSS: oklch(59.3% 0.031 248.3) · #708090 · rgb(112 128 144)

Frequently Asked Questions

Slate gray is rgb(112, 128, 144). The RGB, HEX (#708090) and OKLCH values are all shown in the readouts above and can be copied individually.

Because OKLCH lightness is perceptually uniform, an even step in lightness produces an even visual step in your grays. Keeping the hue and chroma fixed while varying lightness gives a consistent, non-muddy gray ramp.

Other colors in OKLCH

Rebecca Purple Coral Crimson Teal Hot Pink Gold

Back to the full OKLCH Color Picker

From the blog

accessibility

Slate Gray in OKLCH

Values

Contrast (this color as text)

Tonal palette

Export

About slate gray

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