Colors

#008080

Teal

Teal is #008080. In CSS you can write it as the keyword teal. The values below are the same sRGB color in HEX, RGB, HSL, HSV, a simple CMYK conversion, and OKLCH. CMYK here is a channel formula for reference, not a press proof.

Conversions

HEX
#008080
RGB
rgb(0, 128, 128)
HSL
hsl(180,100%,25%)
HSV
hsv(180, 100%, 50%)
CMYK
cmyk(100,0,0,50)
OKLCH
oklch(54.3% 0.093 194.8)

Tints and shades

Tints mix this color toward white. Shades mix it toward black in sRGB. For a 50–950 ramp, open the tint and shade generator.

Tints

#339999

20% white

#66B3B3

40% white

#99CCCC

60% white

#CCE6E6

80% white

Shades

#006666

20% black

#004D4D

40% black

#003333

60% black

#001A1A

80% black

Harmony palettes

These schemes rotate hue from Teal. Read the relationships in color theory 101 or adjust them on the color wheel.

Complementary

Open in palette generator

#008080

#800000

#1FADAD

#AD1F1F

#0D2626

Analogous

Open in palette generator

#008040

#008080

#004080

#000080

#0A760A

Triadic

Open in palette generator

#008080

#800080

#808000

#AD1FAD

#41410B

Split Complementary

Open in palette generator

#008080

#800040

#804000

#2EB8B8

#260D0D

Monochromatic

Open in palette generator

#006666

#00B3B3

#00FFFF

#4DFFFF

#99FFFF

Tetradic

Open in palette generator

#008080

#400080

#800000

#408000

#5E219C

Contrast against white and black

Ratios use the WCAG relative-luminance formula. AA normal text needs 4.5:1 and large text needs 3:1 under Success Criterion 1.4.3. AAA uses 7:1 and 4.5:1. A pass here is only this pair, not a full page audit. Check other pairings in the contrast checker.

On white · 4.77:1
AA normal text Pass
AA large text Pass
AAA normal text Fail
AAA large text Pass
On black · 4.40:1
AA normal text Fail
AA large text Pass
AAA normal text Fail
AAA large text Fail

Similar named colors

Nearest CSS named colors by RGB distance. Distance is not a perceptual match.

Use this color