#086D63 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, desaturated teal acts as a grounding anchor for sophisticated, modern UI designs. Because it sits at the edge of moody and professional, the hex code #086d63 shines best as a dominant 60% base for technology or wellness interfaces. It offers enough contrast for white text to remain legible, though avoid pairing it with other dark tones to keep the palette from appearing muddy.
Questions about #086d63
What is #086d63 in RGB, HSL and CMYK?
In RGB, #086d63 is rgb(8, 109, 99), in HSL hsl(174, 86%, 23%) and in CMYK 93%, 0%, 9%, 57%.
What colors pair well with #086d63 for a modern UI palette?
This deep teal functions best when paired with neutral, high-contrast tones like crisp cream or soft off-white to ensure text remains legible. Avoid pairing it with other muddy dark tones, as this will flatten the visual hierarchy of your design.
Is #086d63 suitable for text-heavy interfaces?
While #086d63 serves as a strong, moody background, it is generally too dark for long-form body text unless the typography is set in a very bright, high-contrast ivory. Use it primarily as a header, accent, or dominant block color to maintain readability.
Is #086d63 readable on white or black?
#086d63 has a 6.21:1 contrast ratio on white and 3.37:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.