Deep Oceanic Cyan Green
Category: Blue
Teal (#008080) — Color Codes, Meaning & UI Palettes
Named after the Eurasian teal bird, this hue merges the tranquility of blue with the vitality of green, symbolizing mental clarity, rejuvenation, and open waters.
Click to Copy HEX
Teal
#008080
HEX
#008080
RGB
rgb(0, 128, 128)
HSL
hsl(180deg, 100%, 25%)
CMYK (Print)
cmyk(100%, 0%, 0%, 50%)
Apple Display P3
color(display-p3 0.000 0.502 0.502)
WCAG 2.1 Accessibility & Contrast Rating
White Text (#FFFFFF)
4.77:1 (AA)
Black Text (#000000)
4.4:1 (AA Large)
11-Step Tints & Shades Scale (Tailwind 50–950)
Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:
50
#F0F7F7
100
#D6EBEB
200
#ADD6D6
300
#7ABDBD
400
#3D9E9E
500
#008080
600
#006666
700
#004D4D
800
#003333
900
#001C1C
950
#000F0F
Color Harmonies & Palette Schemes
Complementary
#800000
Opposite 180° Contrast
Analogous -30°
#008040
Natural Harmony
Analogous +30°
#004080
Natural Harmony
Triadic +120°
#80007F
120° Balanced Triad
Triadic +240°
#7F8000
120° Balanced Triad
Curated UI Design Pairings for Teal
A trusted UI color for healthcare portals, environmental apps, and productivity suites. Achieves high contrast against crisp white and warm cream.
Crisp White
#FFFFFF
Clean Typography
Warm Sand
#F2E8CF
Organic Canvas
Coral Glow
#FF6B6B
Complementary CTA Button
Midnight Ink
#0F172A
Deep Structural Border
Export Teal Code Snippets
CSS Variable
--color-teal-color: #008080;
Tailwind Config
'teal-color': '#008080'
Swift / SwiftUI
Color(hex: "#008080")
JSON Design Token
{"name": "Teal", "hex": "#008080"}
Explore More Colors in the Dictionary
Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.