#3E5F6C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty cyan leans into a dim, ashy aesthetic that feels grounded and serious. Because of its low saturation, #3e5f6c works best as a dark-mode UI background or a subtle supporting element rather than a primary highlight. It offers strong contrast for white text, which ensures readability for body copy. Pair it with warm, dusty oranges to add life to this otherwise cool, reserved tone.
Questions about #3e5f6c
What is #3e5f6c in RGB, HSL and CMYK?
In RGB, #3e5f6c is rgb(62, 95, 108), in HSL hsl(197, 27%, 33%) and in CMYK 43%, 12%, 0%, 58%.
What makes #3e5f6c a good choice for UI backgrounds?
The low saturation and cool undertones of #3e5f6c reduce visual strain, making it an excellent base for dark-mode interfaces. It provides a stable, unobtrusive backdrop that maintains high contrast and readability when paired with clean white typography.
Which color palettes work best with #3e5f6c?
Because #3e5f6c is a cool, reserved shade, it thrives when balanced by contrasting warm tones like terracotta or muted ochre. Using these earthy, orange-leaning colors alongside the blue-green helps introduce a sense of depth and vibrancy without overwhelming the design.
Is #3e5f6c readable on white or black?
#3e5f6c has a 6.86:1 contrast ratio on white and 3.05: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.