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