#208A8F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, cool cyan sits comfortably in the mid-tones. Because #208a8f provides high contrast, it works well with black text for legible UI elements. It acts best as a secondary accent color rather than a dominant background. Pair it with soft cream or warm gray to ground its sharp, technical energy. The hex code for this cyan is #208a8f.
Questions about #208a8f
What is #208a8f in RGB, HSL and CMYK?
In RGB, #208a8f is rgb(32, 138, 143), in HSL hsl(183, 63%, 34%) and in CMYK 78%, 3%, 0%, 44%.
What colors pair best with #208a8f for UI design?
#208a8f performs best when grounded by neutral tones that allow its cool vibrancy to stand out without overwhelming the layout. Pair this cyan with warm gray or soft cream to create a sophisticated, high-contrast interface that remains easy on the eyes.
Does #208a8f work well as a primary background color?
It is generally better to use #208a8f as a secondary accent color rather than a dominant background. Because of its intense mid-tone character, it can become visually fatiguing if applied to large areas, whereas it excels when highlighting buttons, links, or specific UI elements.
Is #208a8f readable on white or black?
#208a8f has a 4.12:1 contrast ratio on white and 5.09: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.