#495DD7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated indigo blue commands attention with its intense, electric personality. Because it is highly vivid, #495dd7 works best as a punchy accent color rather than a main background. It pairs exceptionally well with muted cool grays or sharp citrus tones for a modern UI. The hex code for this color is #495dd7, which offers strong legibility against white text for accessible call to action buttons.
Questions about #495dd7
What is #495dd7 in RGB, HSL and CMYK?
In RGB, #495dd7 is rgb(73, 93, 215), in HSL hsl(232, 64%, 56%) and in CMYK 66%, 57%, 0%, 16%.
How should I use #495dd7 in a UI design?
#495dd7 serves best as a high-impact accent color for primary call-to-action buttons or navigation highlights. Because of its intense saturation, avoid using it for large background blocks to prevent eye strain and maintain user interface legibility.
What colors pair well with #495dd7?
Pair #495dd7 with muted cool grays to ground its electric energy or use sharp citrus tones for a modern, high-contrast look. These combinations balance the intensity of the indigo while ensuring the overall design feels professional and accessible.
Is #495dd7 readable on white or black?
#495dd7 has a 5.48:1 contrast ratio on white and 3.83: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.