Teal in OKLCH

Teal is the blue-green CSS named color #008080. 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(54.3% 0.093 194.8)

HEX#008080

RGBrgb(0 128 128)

sRGB: in gamutDisplay-P3: in gamut

#008080

oklch(54.3% 0.093 194.8)

Lightness54.3%

Chroma0.093

Hue194.8°

sRGB: in gamutDisplay-P3: in gamut

Values

OKLCH

oklch(54.3% 0.093 194.8)

HEX

#008080

RGB

rgb(0 128 128)

Set from hex

Contrast (this color as text)

Aa on whiteWCAG 4.77:1

AA ✓AAA ✗

APCA Lc 73

Aa on blackWCAG 4.40:1

AA ✗AAA ✗

APCA Lc 29

Tonal palette

Tailwind steps · same hue

Export

Name

@theme {
  --color-brand-50: oklch(97.0% 0.064 194.8);
  --color-brand-100: oklch(94.0% 0.066 194.8);
  --color-brand-200: oklch(88.0% 0.071 194.8);
  --color-brand-300: oklch(80.0% 0.078 194.8);
  --color-brand-400: oklch(70.0% 0.086 194.8);
  --color-brand-500: oklch(62.0% 0.093 194.8);
  --color-brand-600: oklch(54.0% 0.086 194.8);
  --color-brand-700: oklch(46.0% 0.079 194.8);
  --color-brand-800: oklch(38.0% 0.073 194.8);
  --color-brand-900: oklch(30.0% 0.066 194.8);
  --color-brand-950: oklch(22.0% 0.059 194.8);
}

About teal

Teal sits midway between blue and green and reads as calm, clean and professional, which makes it a favourite for finance, health and productivity products. It is a fairly dark, mid-chroma color, so the tonal scale gives you a wide usable range from pale aqua tints to deep teal shades. Hold the hue and sweep lightness to build that ramp, then copy the OKLCH, HEX or RGB value.

Teal in CSS: oklch(54.3% 0.093 194.8) · #008080 · rgb(0 128 128)

Frequently Asked Questions

Teal is the CSS named color #008080. Its OKLCH value is shown in the readout above; copy it in one click or adjust the L/C/H sliders.

Teal is both - it sits between blue and green on the color wheel. Its OKLCH hue value above lands in the cyan region, which is what gives it that balanced blue-green character.

Other colors in OKLCH

Rebecca Purple Coral Crimson Hot Pink Gold Navy

Back to the full OKLCH Color Picker