#4976D4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated mid-tone blue carries significant intensity, making it ideal for high-impact UI elements like call-to-action buttons. While it offers enough contrast for legible black text, its vivid character can overwhelm large backgrounds. It pairs well with crisp whites or neutral grays if you are learning how to make gray. The hex code for this bold blue is #4976d4.
Questions about #4976d4
What is #4976d4 in RGB, HSL and CMYK?
In RGB, #4976d4 is rgb(73, 118, 212), in HSL hsl(221, 62%, 56%) and in CMYK 66%, 44%, 0%, 17%. Browse more shades of blue with names and hex codes.
Where is #4976d4 best used in UI design?
The intense, saturated nature of #4976d4 makes it a natural fit for call-to-action buttons or navigation highlights where you need immediate user attention. It provides excellent contrast against white backgrounds, though it often feels too aggressive for large, full-page backgrounds.
Does #4976d4 work with dark mode designs?
Using #4976d4 in dark mode requires caution because the saturation can cause vibration against dark backgrounds. It functions best when paired with a clean charcoal or deep slate backdrop rather than pure black, ensuring the vibrant blue remains legible and visually comfortable.
Is #4976d4 readable on white or black?
#4976d4 has a 4.35:1 contrast ratio on white and 4.82: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.