Turquoise in OKLCH

Turquoise is the bright blue-green CSS named color #40E0D0. 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(82.2% 0.131 185.1)

HEX#40E0D0

RGBrgb(64 224 208)

sRGB: in gamutDisplay-P3: in gamut

#40E0D0

oklch(82.2% 0.131 185.1)

Lightness82.2%

Chroma0.131

Hue185.1°

sRGB: in gamutDisplay-P3: in gamut

Values

OKLCH

oklch(82.2% 0.131 185.1)

HEX

#40E0D0

RGB

rgb(64 224 208)

Set from hex

Contrast (this color as text)

Aa on whiteWCAG 1.64:1

AA ✗AAA ✗

APCA Lc 28

Aa on blackWCAG 12.79:1

AA ✓AAA ✓

APCA Lc 75

Tonal palette

Tailwind steps · same hue

Export

Name

@theme {
  --color-brand-50: oklch(97.0% 0.090 185.1);
  --color-brand-100: oklch(94.0% 0.093 185.1);
  --color-brand-200: oklch(88.0% 0.100 185.1);
  --color-brand-300: oklch(80.0% 0.110 185.1);
  --color-brand-400: oklch(70.0% 0.121 185.1);
  --color-brand-500: oklch(62.0% 0.131 185.1);
  --color-brand-600: oklch(54.0% 0.121 185.1);
  --color-brand-700: oklch(46.0% 0.112 185.1);
  --color-brand-800: oklch(38.0% 0.103 185.1);
  --color-brand-900: oklch(30.0% 0.093 185.1);
  --color-brand-950: oklch(22.0% 0.084 185.1);
}

About turquoise

Turquoise is a fresh, luminous blue-green that reads as tropical, clean and energetic, which suits travel, wellness and summer branding. It is light and quite chromatic, so check the gamut badge: some steps sit in Display-P3 rather than sRGB. Fix the hue and vary lightness to build an aqua-to-deep-teal scale, then copy the OKLCH, HEX or RGB value.

Turquoise in CSS: oklch(82.2% 0.131 185.1) · #40e0d0 · rgb(64 224 208)

Frequently Asked Questions

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

No - turquoise (#40E0D0) is lighter and brighter, while teal (#008080) is darker and more muted. Both are blue-greens, but their OKLCH lightness and chroma differ noticeably.

Other colors in OKLCH

Rebecca Purple Coral Crimson Teal Hot Pink Gold

Back to the full OKLCH Color Picker

From the blog

accessibility

Turquoise in OKLCH

Values

Contrast (this color as text)

Tonal palette

Export

About turquoise

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