#4185DE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#4185de is a vivid, high-energy blue with a clear, cool undertone. Its saturation makes it an excellent choice for bold calls to action or UI highlights where you need immediate attention. Because it maintains strong contrast, black text remains highly readable over it. If you need to tone down this brightness, knowing what colors make gray can help you create complementary, balanced palettes.
Questions about #4185de
What is #4185de in RGB, HSL and CMYK?
In RGB, #4185de is rgb(65, 133, 222), in HSL hsl(214, 70%, 56%) and in CMYK 71%, 40%, 0%, 13%.
Why is #4185de effective for user interface design?
#4185de provides strong visual impact and high contrast, making it perfect for call-to-action buttons or primary navigation elements. It remains highly legible against white or very light gray backgrounds, ensuring critical UI components stand out clearly without compromising accessibility standards.
Which colors effectively balance the intensity of #4185de?
To anchor this vivid blue, pair it with neutral tones like soft charcoal or deep slate to ground the overall design. For a more dynamic approach, introduce warm, desaturated orange tones to create a balanced, high-contrast complementary scheme that pops.
Is #4185de readable on white or black?
#4185de has a 3.72:1 contrast ratio on white and 5.63: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.