#248DE2 Hex Color

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

Hex color #248de2 graphic
High-saturation and bright, #248de2 acts as an intense, attention-grabbing shade that functions best as a UI accent or call to action. While its chroma is powerful enough to dominate large backgrounds, it feels most effective in smaller doses against neutral grays or clean white. This hex code offers enough contrast for legible black text, ensuring readability in professional web layouts.

Questions about #248de2

What is #248de2 in RGB, HSL and CMYK?
In RGB, #248de2 is rgb(36, 141, 226), in HSL hsl(207, 77%, 51%) and in CMYK 84%, 38%, 0%, 11%.
What colors pair best with #248de2?
This intense blue pairs effectively with charcoal for high-contrast professional text, or clean white for a minimalist aesthetic. For a more dynamic interface, try balancing the vibrancy of #248de2 against soft, desaturated slate backgrounds to keep the layout legible.
Is #248de2 readable on white or black?
#248de2 has a 3.50:1 contrast ratio on white and 5.98: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.