#0EA5E9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, saturated blue commands attention without feeling aggressive. The hex code #0ea5e9 works best as an accent color for interface buttons or call-to-action elements, where its high visibility helps guide users. Because it offers strong contrast against black, it remains readable in complex layouts. Use this shade sparingly, as it can overwhelm a design if applied as a primary background.
Questions about #0ea5e9
What is #0ea5e9 in RGB, HSL and CMYK?
In RGB, #0ea5e9 is rgb(14, 165, 233), in HSL hsl(199, 89%, 48%) and in CMYK 94%, 29%, 0%, 9%.
Where is #0ea5e9 most effective in UI design?
This vibrant blue works best as an accent color for interactive elements like buttons, toggle switches, or notification badges. Because it carries such high visual weight, using it as a primary background often overwhelms a layout, but it shines when guiding user attention.
What colors pair well with #0ea5e9?
Use high-contrast neutrals like charcoal or deep slate to ground the intensity of #0ea5e9 without creating visual clutter. For a modern, active interface, pairing this blue with clean white space or soft grays keeps the design balanced and readable for all users.
Is #0ea5e9 readable on white or black?
#0ea5e9 has a 2.77:1 contrast ratio on white and 7.57: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.