Teal Color
#008080
Shades
Darker variations of each color in your palette
Base Color
#008080#008080
#006666
#004D4D
#003333
#001A1A
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#008080#008080
#339999
#66B3B3
#99CCCC
#CCE6E6
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #008080 |  |
| RGB | 0, 128, 128 | |
| HSL | 180, 100%, 25% | |
| CMYK | 100%, 0%, 0%, 50% | |
| OKLCH | oklch(0.543 0.093 195) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#008080#008040
#008080
#004080
Analogous
#008080
#800000
Complementary
#008080
#80007F
#7F8000
Triadic
#008080
#800040
#804000
Split Complementary
#008080
#400080
#800000
#408000
Tetradic
#006666
#00B2B3
#00FFFF
#4DFFFF
#99FFFF
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#008080#800000
#7F8000
#008000
#007F80
#000080
#80007F
Hues
Tones
Tones created by adding gray to each color
Base Color
#008080#008080
#1A8080
#338080
#4D8080
#668080
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#008080#26807A
#4D8074
#73806F
Warmer
#008093
#0080A6
#0080B9
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#008080On White Background
Sample Text
Contrast Ratio:4.77:1
WCAG Level:AA
PASS
On Black Background
Sample Text
Contrast Ratio:4.40:1
WCAG Level:AA Large
PASS
WCAG Guidelines:
- AAA: Contrast ratio ≥ 7:1 (highest level)
- AA: Contrast ratio ≥ 4.5:1 (acceptable for most text)
- AA Large: Contrast ratio ≥ 3:1 (for text 18pt+ or 14pt+ bold)