Cadet Blue vs Dark Cyan

What is the difference between Cadet Blue and Dark Cyan?

Comparing Cadet Blue (#5F9EA0) and Dark Cyan (#008B8B) reveals interesting optical contrasts. In terms of color intensity, Dark Cyan 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 Dark Cyan

When choosing between Cadet Blue and Dark Cyan for interface designs, consider their visual weight. Since Dark Cyan 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

Dark Cyan Typography

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

White Text: 4.15:1 Black Text: 5.07:1

Technical Specifications Comparison

Format / Value Cadet Blue Dark Cyan Delta / Difference
HEX Code #5F9EA0 #008B8B -
RGB Channels rgb(95, 158, 160) rgb(0, 139, 139) R:-95 | G:-19 | B:-21
HSL Values hsl(182°, 25%, 50%) hsl(180°, 100%, 27%) H:-2° | S:+75% | L:-23%
CMYK (Print) cmyk(41%, 1%, 0%, 37%) cmyk(100%, 0%, 0%, 45%) -

Individual Color References

Cadet Blue Reference Sheet HEX, RGB, HSL and print codes
Dark Cyan Reference Sheet HEX, RGB, HSL and print codes
Copied!