cyancoolCSS named color
Teal #008080
A medium dark blue-green; balanced and professional.
Use cases: Healthcare · Professional UI
Color values
| Format | Value | |
|---|---|---|
| HEX | #008080 | |
| RGB | rgb(0, 128, 128) | |
| HSL | hsl(180, 100%, 25%) | |
| HSV | hsv(180, 100%, 50%) | |
| CMYK | cmyk(100%, 0%, 0%, 49.8%) | |
| XYZ | xyz(11.6136, 16.9953, 23.0862) | |
| CIE-LAB | lab(48.3, -28.8, -8.5) | |
| Luminance | 0.170 (WCAG relative) |
/* Teal */
color: #008080;
background-color: #008080;
Shade scale
Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →
Shades (toward black)
#007373 #006666 #005a5a #004d4d #004040 #003333 #002626 #001a1a #000d0d #000000
Tints (toward white)
#1a8d8d #339999 #4da6a6 #66b3b3 #80c0c0 #99cccc #b3d9d9 #cce6e6 #e6f2f2 #ffffff
Tones (toward gray)
#0d8080 #1a8080 #268080 #338080 #408080 #4d8080 #5a8080 #668080 #738080 #808080
Color harmonies
Complementary
Edit in generator →#008080
#800000
#008080 #800000
Analogous
Edit in generator →#008040
#008080
#004080
#008040 #008080 #004080
Triadic
Edit in generator →#008080
#800080
#808000
#008080 #800080 #808000
Tetradic
Edit in generator →#008080
#400080
#800000
#408000
#008080 #400080 #800000 #408000
Split Complementary
Edit in generator →#008080
#800040
#804000
#008080 #800040 #804000
Monochromatic
Edit in generator →#001F1F
#004343
#008080
#00BDBD
#00FAFA
#001f1f #004343 #008080 #00bdbd #00fafa
Accessibility & contrast
4.77
#008080 on #FFFFFF
AA text ✓AA large ✓AAA text ✗UI 3:1 ✓
4.40
#008080 on #000000
AA text ✗AA large ✓AAA text ✗UI 3:1 ✓
Best text on teal
4.77
#FFFFFF text
WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1.
Color blindness preview
Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.
Closest named colors
Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀).
| Color | Name | ΔE₀₀ |
|---|---|---|
| Cerulean #007BA7 | 16.72 | |
| Sea Green #2E8B57 | 18.09 | |
| Slate Gray #708090 | 19.40 | |
| Hunter Green #355E3B | 19.93 | |
| Steel Blue #4682B4 | 20.58 | |
| Gray #808080 | 22.17 |
Related colors
Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.