#5B7D8B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, desaturated teal functions well as a neutral base that avoids the clinical feel of pure gray. With its matte appearance, #5b7d8b provides a sophisticated background for high-contrast typography, as it meets WCAG AA standards for black text. It works best in professional UI design or technology branding, though it can appear muddy when paired with dark, earthy browns.
Questions about #5b7d8b
What is #5b7d8b in RGB, HSL and CMYK?
In RGB, #5b7d8b is rgb(91, 125, 139), in HSL hsl(198, 21%, 45%) and in CMYK 35%, 10%, 0%, 45%.
What colors pair best with #5b7d8b?
#5b7d8b works best with neutral, high-contrast text or softer, light-toned accents. Pair this color with white or a very light off-white to maximize readability, as the dusty teal tone effectively holds its own against clean, minimal typography without appearing clinical.
Does #5b7d8b read as a warm or cool color?
The hex color #5b7d8b carries a cool, desaturated undertone that provides a stable, professional foundation for interfaces. Unlike pure gray, which can feel sterile, this shade maintains a slight teal presence that adds character to technical projects while remaining extremely versatile for layouts.
Is #5b7d8b readable on white or black?
#5b7d8b has a 4.42:1 contrast ratio on white and 4.75: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.