#0096E0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, beaming blue commands attention without feeling aggressive. Because it holds strong contrast against black text, #0096e0 works effectively for UI highlights, buttons, and call-to-action elements where clarity is paramount. Avoid using this hex code as a dominant background, as its intensity can easily overwhelm a layout; instead, let it serve as a bold accent against neutral grays or clean white space.
Questions about #0096e0
What is #0096e0 in RGB, HSL and CMYK?
In RGB, #0096e0 is rgb(0, 150, 224), in HSL hsl(200, 100%, 44%) and in CMYK 100%, 33%, 0%, 12%.
How can I effectively use #0096e0 in a layout?
Because #0096e0 is highly intense, it works best as a deliberate accent for buttons, links, or specific UI highlights rather than a background. Pair it with neutral white or light gray space to prevent the color from overwhelming your design.
Is #0096e0 readable on white or black?
#0096e0 has a 3.26:1 contrast ratio on white and 6.43: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.