#3F7384 Hex Color
A grounded and professional muted cyan
This ashy, muted cyan strikes a balance between professional and approachable. Because of its desaturated character, #3f7384 serves well as a supporting tone in technical interfaces where bright blues can overwhelm the UI. Pair it with crisp white text for high readability. Its cool, dusty quality makes it a grounded choice for branding that requires a sense of stability rather than high-energy excitement.
Questions about #3f7384
What is #3f7384 in RGB, HSL and CMYK?
In RGB, #3f7384 is rgb(63, 115, 132), in HSL hsl(195, 35%, 38%) and in CMYK 52%, 13%, 0%, 48%.
How can I effectively use #3f7384 in UI design?
#3f7384 works exceptionally well as a secondary action color or a background accent in dashboard designs where you need a professional feel. Pair it with crisp white text to ensure readability, as its dusty quality provides a stable, non-distracting visual experience for users.
What colors pair well with the #3f7384 hex code?
Is #3f7384 readable on white or black?
#3f7384 has a 5.25:1 contrast ratio on white and 3.99: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.