#2E5372 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated, dusty blue carries a heavy, serious weight. Because of its muted, cool undertones, #2e5372 functions best as a stable base color for UI backgrounds or professional branding. It offers enough contrast for legible white text, though it can feel slightly gloomy if used in large, unadorned blocks. Pair this hex code with warm, sandy neutrals to lift its otherwise somber, corporate mood.
Questions about #2e5372
What is #2e5372 in RGB, HSL and CMYK?
In RGB, #2e5372 is rgb(46, 83, 114), in HSL hsl(207, 43%, 31%) and in CMYK 60%, 27%, 0%, 55%.
What colors pair best with #2e5372?
Pair #2e5372 with sandy neutrals or warm beige to counteract its cool, somber mood. Using high-contrast white text is essential for legibility, but adding soft gold accents can introduce a sophisticated, grounded balance that feels less industrial.
Is #2e5372 suitable for user interface text?
This color is generally too dark for body text and lacks the necessary contrast ratio against standard light backgrounds. Reserve #2e5372 for functional elements like header backgrounds, sidebar navigation, or primary buttons, ensuring you place white text on top for readability.
Is #2e5372 readable on white or black?
#2e5372 has a 8.08:1 contrast ratio on white and 2.59: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 is too faint for text. Try other pairs in the contrast checker.