#3E85A0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted cyan balances a cool, professional temperature with a slightly dusty character. Because the saturation is dialed back, #3e85a0 avoids the neon harshness of primary blues, making it a reliable choice for UI backgrounds or corporate tech branding. It provides enough contrast to support black text for readability. Pair it with warm, sandy beiges to ground the cool tones and add personality to your palette.
Questions about #3e85a0
What is #3e85a0 in RGB, HSL and CMYK?
In RGB, #3e85a0 is rgb(62, 133, 160), in HSL hsl(197, 44%, 44%) and in CMYK 61%, 17%, 0%, 37%.
What colors pair well with #3e85a0 for a balanced design?
Pair #3e85a0 with warm, sandy beiges or soft creams to ground its cool, dusty undertones and add personality to your palette. This combination creates a sophisticated, accessible contrast that feels grounded rather than clinical or overly harsh.
Is #3e85a0 suitable for text-heavy UI backgrounds?
Yes, #3e85a0 is an excellent choice for UI backgrounds because its reduced saturation avoids the visual fatigue of brighter blues. It provides sufficient contrast when paired with dark text, ensuring high readability for users while maintaining a modern, professional aesthetic.
Is #3e85a0 readable on white or black?
#3e85a0 has a 4.14:1 contrast ratio on white and 5.06:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.