#36A08F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted teal lands on the cooler end of the spectrum with a balanced, unsaturated quality. It works best as a secondary tone or accent in UI design, as it can feel overwhelming when used as a full-page background. Because the hex code #36a08f provides a solid 6.6:1 contrast ratio, it remains readable with black text, making it a functional choice for clean, modern communication interfaces.
Questions about #36a08f
What is #36a08f in RGB, HSL and CMYK?
In RGB, #36a08f is rgb(54, 160, 143), in HSL hsl(170, 50%, 42%) and in CMYK 66%, 0%, 11%, 37%.
What colors pair well with #36a08f for a balanced palette?
#36a08f works best when paired with warm neutrals or deep contrast tones to offset its cool, unsaturated nature. Try combining it with a crisp off-white for clean backgrounds or a deep charcoal to maximize the readability of your text elements.
Is #36a08f readable on white or black?
#36a08f has a 3.19:1 contrast ratio on white and 6.58: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.