#386186 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, desaturated blue carries a serious, professional weight. With its dusty, ashy undertones, #386186 provides a stable, conservative base for corporate branding or interface design. It offers excellent contrast for white text, making it highly readable for UI elements. Use this hex code as a dark background to ground your palette, but pair it with warm metallics or soft creams to keep the overall look from feeling too cold.
Questions about #386186
What is #386186 in RGB, HSL and CMYK?
In RGB, #386186 is rgb(56, 97, 134), in HSL hsl(208, 41%, 37%) and in CMYK 58%, 28%, 0%, 47%.
What colors pair well with #386186 for a balanced interface?
Because #386186 carries a serious, cool weight, it works best when paired with warm metallics or soft creams to neutralize its ashy tone. Try using cream for text or highlights to add a necessary touch of warmth that keeps the palette accessible.
Is #386186 readable on white or black?
#386186 has a 6.51:1 contrast ratio on white and 3.22: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.