#45A1E7 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #45a1e7 graphic
#45a1e7 is a light, cool blue with restrained saturation and a slightly gray cast. Its steady character supports trust and reliability in technology, finance, healthcare, and government interfaces. Use it as a supporting tone or broad UI field, pairing it with navy or charcoal. The hex code #45a1e7 works with black text, while white text lacks strong contrast.

Questions about #45a1e7

What is #45a1e7 in RGB, HSL and CMYK?
In RGB, #45a1e7 is rgb(69, 161, 231), in HSL hsl(206, 77%, 59%) and in CMYK 70%, 30%, 0%, 9%. Browse more shades of blue with names and hex codes.
What colors pair well with #45a1e7?
Pair #45a1e7 with navy or charcoal for grounded contrast, or use white for accents rather than small text; its cool blue base also works with pale blue and soft gray in restrained interface palettes.
Is #45a1e7 warm or cool, and what mood does it create?
#45a1e7 reads as a cool blue because its hue leans toward cyan, while its slight gray cast softens the brightness; it communicates steadiness, trust, and clarity without feeling as intense as a highly saturated blue.
Is #45a1e7 readable on white or black?
#45a1e7 has a 2.79:1 contrast ratio on white and 7.50:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.