#136A90 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #136a90 graphic
This unsaturated, cool blue carries a somber, serious tone perfect for professional interfaces. Because it lacks high chroma, #136a90 works best as a grounding base rather than an accent. Pair it with crisp white text to maintain WCAG AA compliance, as the 6.0:1 contrast ratio ensures excellent readability. Avoid using it in large, flat blocks, as it can occasionally feel muddy.

Questions about #136a90

What is #136a90 in RGB, HSL and CMYK?
In RGB, #136a90 is rgb(19, 106, 144), in HSL hsl(198, 77%, 32%) and in CMYK 87%, 26%, 0%, 44%.
How can #136a90 be used effectively in interface design?
#136a90 functions best as a grounding neutral base rather than a vibrant accent color. Because it lacks high chroma, it works exceptionally well for professional backgrounds, sidebar navigation, or headers where legibility remains the primary priority for user experience.
Is #136a90 readable on white or black?
#136a90 has a 6.01:1 contrast ratio on white and 3.49: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.