#396E7E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty cyan leans heavily into cool tones. Because of its low saturation, #396e7e functions best as a supporting background or a secondary accent rather than a dominant color. It pairs surprisingly well with warm clay or soft terracotta, which prevents it from feeling too sterile. The hex code #396e7e maintains enough contrast for readable white text, making it a reliable choice for UI components.
Questions about #396e7e
What is #396e7e in RGB, HSL and CMYK?
In RGB, #396e7e is rgb(57, 110, 126), in HSL hsl(194, 38%, 36%) and in CMYK 55%, 13%, 0%, 51%.
Which color combinations work best with #396e7e?
The muted, cool nature of #396e7e pairs beautifully with warm, earthy tones like terracotta or soft clay to create visual balance. These warm accents prevent the color from feeling too clinical, providing a grounded, sophisticated contrast for professional UI designs or branding.
Is #396e7e readable on white or black?
#396e7e has a 5.66:1 contrast ratio on white and 3.70: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.