#145CE2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A saturated, cool blue with high chroma and moderate lightness, #145ce2 feels bold, focused, and energetic without turning neon. This hex code suits calls to action, security interfaces, finance, and technology accents. Use it as a small accent or supporting tone beside white and charcoal; white text reaches about 5.7:1 contrast, suitable for WCAG AA body text.
Questions about #145ce2
What is #145ce2 in RGB, HSL and CMYK?
In RGB, #145ce2 is rgb(20, 92, 226), in HSL hsl(219, 84%, 48%) and in CMYK 91%, 59%, 0%, 11%.
What colors pair well with #145ce2?
#145ce2 pairs well with white and charcoal for crisp interfaces, while terracotta or muted gold can add contrast without competing with its strong saturation and preserving a clear visual hierarchy in compact layouts. Use warmer tones sparingly around primary actions.
Does #145ce2 read as a warm or cool blue?
#145ce2 reads clearly cool, with a slight violet lean, because its blue hue is paired with high saturation and moderate lightness, creating a crisp, forward look in most palettes. Its intensity makes it better for accents and focused interface elements than large, quiet backgrounds.
Is #145ce2 readable on white or black?
#145ce2 has a 5.73:1 contrast ratio on white and 3.65: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.