#3D54EB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-chroma blue demands attention with its intense, saturated personality. Because it is so dominant, the hex code #3d54eb works best as a 10% accent color rather than a primary background. It creates a striking, modern contrast when paired with soft warm greys or crisp white text, which remains readable at a 5.7:1 ratio. Use it sparingly to inject bold energy into UI buttons and call-to-action elements.
Questions about #3d54eb
What is #3d54eb in RGB, HSL and CMYK?
In RGB, #3d54eb is rgb(61, 84, 235), in HSL hsl(232, 81%, 58%) and in CMYK 74%, 64%, 0%, 8%.
How should I use #3d54eb in a design system?
Apply #3d54eb as a high-impact accent color for interactive elements like buttons and notifications rather than as a primary background. Its intense saturation makes it ideal for guiding the user's eye to specific call-to-action points throughout your interface.
Is #3d54eb readable on white or black?
#3d54eb has a 5.72:1 contrast ratio on white and 3.66: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.