#489A8A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated teal is a cool, muted tone that feels balanced and professional. Because it offers strong legibility, black text pops against it, meeting WCAG AA standards with a 6.3:1 contrast ratio. Use #489a8a as a primary background in healthcare or wellness interfaces to maintain a sense of order. Pair it with soft, warm grays to avoid it looking too sterile in large applications.
Questions about #489a8a
What is #489a8a in RGB, HSL and CMYK?
In RGB, #489a8a is rgb(72, 154, 138), in HSL hsl(168, 36%, 44%) and in CMYK 53%, 0%, 10%, 40%.
What colors pair best with #489a8a?
Soft warm grays create the most effective contrast for #489a8a by preventing the interface from appearing sterile or overly clinical. You can also pair it with crisp whites or deep charcoal tones to establish a grounded, professional hierarchy in your design layouts.
Is #489a8a readable on white or black?
#489a8a has a 3.35:1 contrast ratio on white and 6.26: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.