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.
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
From the blog
APCA vs. WCAG: Navigating Color Contrast and Accessibility in 2026
Understand the mathematical differences between WCAG 2.2 and APCA contrast algorithms, and how to stay legally compliant while building beautiful UI.
Read →tutorialMigrating to Tailwind v4: How to Configure Custom OKLCH Color Themes
Learn how to move from Tailwind v3 to v4, replace tailwind.config.js with the new @theme directive, and build modern OKLCH color palettes.
Read →colorThe Science of Wide-Gamut Web Colors and Gamut Mapping
Discover why legacy HEX colors limit your design to sRGB, how modern Display-P3 screens work, and what browser chroma reduction means for your UI.
Read →