#455EC3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated blue commands attention with high intensity and a strong, punchy character. The hex code #455ec3 works best as a bold accent color for UI highlights or calls to action rather than a dominant background. White text sits comfortably on top with a 5.8:1 contrast ratio. If you are learning mixing gray, this vivid shade helps balance out muddier, neutral palettes.
Questions about #455ec3
What is #455ec3 in RGB, HSL and CMYK?
In RGB, #455ec3 is rgb(69, 94, 195), in HSL hsl(228, 51%, 52%) and in CMYK 65%, 52%, 0%, 24%.
How should I use #455ec3 in interface design?
Use #455ec3 primarily as a high-contrast accent color for primary buttons, notification badges, or important UI links rather than background elements. Because of its saturation, it effectively draws the eye to key actions without overpowering neutral layouts like white or soft silver.
Is #455ec3 readable on white or black?
#455ec3 has a 5.76:1 contrast ratio on white and 3.64: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.