#2D4DAD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold, saturated blue carries a sense of authority and professional intensity. The hex code #2d4dad works best as a primary action color or a high-contrast accent in tech interfaces. Because it provides high contrast, white text remains legible against this shade. Avoid using it for large backgrounds, as the heavy saturation can quickly overwhelm a layout.
Questions about #2d4dad
What is #2d4dad in RGB, HSL and CMYK?
In RGB, #2d4dad is rgb(45, 77, 173), in HSL hsl(225, 59%, 43%) and in CMYK 74%, 55%, 0%, 32%.
Where is #2d4dad best applied in digital design?
Use #2d4dad primarily as a high-impact accent or interactive button color within tech-focused layouts. Because of its heavy saturation, it effectively draws the eye for calls-to-action while remaining legible against white text, provided you avoid overusing it as a large background.
Which colors pair well with #2d4dad?
This saturated blue pairs effectively with neutral grays to temper its intensity or crisp white for maximum contrast. If you require a more complex scheme, try complementary orange tones or subtle, desaturated teals to balance its authoritative, professional character without overwhelming the viewer.
Is #2d4dad readable on white or black?
#2d4dad has a 7.56:1 contrast ratio on white and 2.77: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 is too faint for text. Try other pairs in the contrast checker.