#337EFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors

Ceruleite is a loud, beaming blue that commands immediate attention in digital designs. With its high intensity and cool temperature, this hue works perfectly for sharp calls to action or security-focused UI elements. The hex code for this bold color is #337eff. If you need other shades of blue to create a balanced palette, Ceruleite stands out as a strong, reliable choice for modern interfaces.
Questions about Ceruleite
What is the hex code for Ceruleite?
Ceruleite is #337eff. In RGB that is rgb(51, 126, 255), in HSL hsl(218, 100%, 60%) and in CMYK 80%, 51%, 0%, 0%.
Why is this blue effective for user interfaces?
This shade is highly visible and commands attention, making it an excellent choice for primary buttons or security-focused UI elements. Its high intensity ensures that vital information stands out, which is critical for guiding users through complex digital workflows effectively.
What colors pair best with Ceruleite?
Warm oranges and soft tangerines provide a natural, high-contrast complement to this cool blue. Using these opposites creates a balanced, professional interface that avoids looking too monotone while still maintaining visual harmony across your entire design system or web layout.
Is Ceruleite readable on white or black?
Ceruleite has a 3.77:1 contrast ratio on white and 5.56: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.