#3D8A89 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted cyan sits firmly in the cool end of the spectrum with a distinctly dusty, unsaturated character. It provides enough contrast against black text to maintain legibility for body copy, making it a reliable choice for UI components. The hex code for this color is #3d8a89. Pair it with crisp charcoal grays for a professional, tech-forward look that avoids feeling overly clinical or cold.
Questions about #3d8a89
What is #3d8a89 in RGB, HSL and CMYK?
In RGB, #3d8a89 is rgb(61, 138, 137), in HSL hsl(179, 39%, 39%) and in CMYK 56%, 0%, 1%, 46%.
How should I use #3d8a89 in UI design?
The dusty nature of #3d8a89 makes it an excellent choice for primary action buttons or subheadings where you need readability without overwhelming the eye. Pair this hex color with charcoal or deep slate grays to maintain a professional, tech-forward appearance.
Is #3d8a89 considered a warm or cool color?
This shade sits firmly on the cool end of the spectrum, defined by its cyan base and heavy gray undertones. Because it lacks significant warmth, it provides a calm, grounded effect that keeps interfaces looking clean rather than clinical.
Is #3d8a89 readable on white or black?
#3d8a89 has a 4.04:1 contrast ratio on white and 5.19:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.