#367865 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This ashy, desaturated teal serves as a cool, stable foundation for professional UI design. Because it offers a 5.2:1 contrast ratio against white text, the hex code #367865 works effectively as a background for body copy. Pair this shade with light, warm neutrals to prevent its dusty quality from feeling too heavy in your layouts.
Questions about #367865
What is #367865 in RGB, HSL and CMYK?
In RGB, #367865 is rgb(54, 120, 101), in HSL hsl(163, 38%, 34%) and in CMYK 55%, 0%, 16%, 53%.
What makes #367865 a good choice for UI backgrounds?
The hex color #367865 provides a strong 5.2:1 contrast ratio against standard white text, ensuring your body copy remains readable while maintaining a professional, muted appearance. It works best in layouts where you need a stable base that feels less clinical than pure gray.
What colors should I pair with #367865?
Is #367865 readable on white or black?
#367865 has a 5.20:1 contrast ratio on white and 4.03: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.