#3D76F1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-saturation blue brings intense, electric energy to any design. Because it sits on the cooler side of the spectrum, it demands attention without feeling aggressive, making it a reliable choice for calls-to-action or UI accents. Use #3d76f1 sparingly, as its loudness can overpower larger backgrounds. It maintains enough contrast to support black text for readable interface elements.
Questions about #3d76f1
What is #3d76f1 in RGB, HSL and CMYK?
In RGB, #3d76f1 is rgb(61, 118, 241), in HSL hsl(221, 87%, 59%) and in CMYK 75%, 51%, 0%, 5%.
How should I use #3d76f1 in a web design interface?
Use #3d76f1 sparingly as an accent color for call-to-action buttons or highlights because its high saturation can quickly overwhelm a layout if used as a primary background. It creates excellent visual hierarchy when paired with neutral tones.
Is #3d76f1 readable on white or black?
#3d76f1 has a 4.15:1 contrast ratio on white and 5.05: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.