Cadet Blue vs Teal

Cadet Blue #5F9EA0 View details →

Teal #008080 View details →

What is the difference between Cadet Blue and Teal?

Comparing Cadet Blue (#5F9EA0) and Teal (#008080) reveals interesting optical contrasts. In terms of color intensity, Teal features a more vivid and saturated tone. Under screen illumination, Cadet Blue has a higher brightness and reflectivity. They have a close hue coordinate distance of 2°, representing a harmonized adjacent relationship.

Design recommendations for Cadet Blue vs Teal

When choosing between Cadet Blue and Teal 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.

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

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

⚙ Technical Specifications Comparison

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

◉ Individual Color References

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

Teal Reference Sheet HEX, RGB, HSL and print codes