#3F6075 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, desaturated blue offers a moody and professional aesthetic perfect for corporate branding or technology interfaces. Because #3f6075 feels restrained and serious, it works best as a primary background color paired with crisp white text for high contrast. It avoids the intensity of brighter blues, providing a stable foundation that balances modern, clean layouts without drawing unwanted attention away from your content.
Questions about #3f6075
What is #3f6075 in RGB, HSL and CMYK?
In RGB, #3f6075 is rgb(63, 96, 117), in HSL hsl(203, 30%, 35%) and in CMYK 46%, 18%, 0%, 54%.
What colors pair well with #3f6075 for UI design?
Does #3f6075 read as warm or cool?
This color reads distinctly cool due to its strong blue base, though its desaturation gives it a dusty, grounded quality that prevents it from feeling overly clinical or sharp. It avoids the intense vibrancy often found in primary blues, keeping it calm.
Is #3f6075 readable on white or black?
#3f6075 has a 6.68:1 contrast ratio on white and 3.14: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.