#233DFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This electric blue is intensely saturated and demands attention. Because of its high chroma, #233dff works best as a punchy accent color rather than a dominant base, which can overwhelm the eye. It pairs well with soft greys or crisp whites for a modern, tech-focused look. This hex code provides strong contrast, ensuring white text remains readable across interfaces and design elements.
Questions about #233dff
What is #233dff in RGB, HSL and CMYK?
In RGB, #233dff is rgb(35, 61, 255), in HSL hsl(233, 100%, 57%) and in CMYK 86%, 76%, 0%, 0%.
How should I effectively use #233dff in a layout?
This electric blue is best used as a high-impact accent color for buttons or key UI elements. Because of its high chroma, avoid using #233dff as a large background fill, as it can easily overwhelm the user experience and tire the eyes.
What colors pair well with #233dff?
This shade creates a balanced, modern aesthetic when paired with charcoal or crisp white tones. These neutrals ground the intense saturation, allowing the blue to stand out without causing visual strain while maintaining a clean, professional look for your digital designs.
Is #233dff readable on white or black?
#233dff has a 6.59:1 contrast ratio on white and 3.18:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.