#45A0FD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#45a0fd is a high-chroma, electric shade that demands immediate attention. Because of its intense brightness, this hex code works best as an accent color for calls to action or UI highlights rather than a full background. It pairs exceptionally well with dark grays or charcoal tones, providing sufficient contrast for readable text. Use it sparingly to inject energy and modern clarity into your digital designs.
Questions about #45a0fd
What is #45a0fd in RGB, HSL and CMYK?
In RGB, #45a0fd is rgb(69, 160, 253), in HSL hsl(210, 98%, 63%) and in CMYK 73%, 37%, 0%, 1%.
Is #45a0fd suitable for large backgrounds?
Avoid using #45a0fd as a primary background color because its extreme vibrancy can overwhelm viewers and tire the eyes. This shade functions best when reserved for small, intentional highlights, such as buttons, notification badges, or interactive UI elements that require immediate user focus.
Is #45a0fd readable on white or black?
#45a0fd has a 2.72:1 contrast ratio on white and 7.69: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.