Teal vs Cadet Blue

Teal #008080 View details →

Cadet Blue #5F9EA0 View details →

What is the difference between Teal and Cadet Blue?

Comparing Teal (#008080) and Cadet Blue (#5F9EA0) reveals interesting optical contrasts. In terms of color intensity, Teal is visibly more vibrant and saturated. Under screen illumination, Cadet Blue is significantly brighter and reflects more light. They have a close hue coordinate distance of 2°, representing a harmonized adjacent relationship.

Design recommendations for Teal vs Cadet Blue

When choosing between Teal and Cadet Blue for interface designs, consider their visual weight. Since Teal is darker, it serves as a solid base for structural layouts or heavy typography, while the lighter Cadet Blue is ideal for backgrounds or high-visibility accents. Testing their contrast ratio is essential to meet WCAG accessibility guidelines.

✦ Readability & Contrast Testing

Visual test showing black and white text overlay readability on both colors.

Teal Typography

Preview of dark and light text elements rendered over a solid Teal background canvas.

White Text: 4.77:1 Black Text: 4.40:1

Cadet Blue Typography

Preview of dark and light text elements rendered over a solid Cadet Blue background canvas.

White Text: 3.05:1 Black Text: 6.88:1

⚙ Technical Specifications Comparison

Format / Value	Teal	Cadet Blue	Delta / Difference
HEX Code	`#008080`	`#5F9EA0`	-
RGB Channels	`rgb(0, 128, 128)`	`rgb(95, 158, 160)`	`R:+95 \| G:+30 \| B:+32`
HSL Values	`hsl(180°, 100%, 25%)`	`hsl(182°, 25%, 50%)`	`H:+2° \| S:-75% \| L:+25%`
CMYK (Print)	`cmyk(100%, 0%, 0%, 50%)`	`cmyk(41%, 1%, 0%, 37%)`	-

◉ Individual Color References

Teal Reference Sheet HEX, RGB, HSL and print codes

Cadet Blue Reference Sheet HEX, RGB, HSL and print codes