#1831F5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#1831f5 is an intensely saturated blue that commands immediate attention. Due to its high chroma, avoid using this shade for large backgrounds as it quickly overwhelms the eye. Reserve it for high-impact accents or call-to-action buttons. White text stands out clearly against this hex code, ensuring great readability for UI elements. It brings a modern, authoritative energy to digital designs.
Questions about #1831f5
What is #1831f5 in RGB, HSL and CMYK?
In RGB, #1831f5 is rgb(24, 49, 245), in HSL hsl(233, 92%, 53%) and in CMYK 90%, 80%, 0%, 4%.
Where does #1831f5 work best in UI design?
Use #1831f5 primarily for high-contrast accents like call-to-action buttons or status icons where you need immediate visual impact. Because of its extreme saturation, it can cause eye strain if used for large background areas or blocks of text.
How can I balance the intensity of #1831f5 in a design?
Pair #1831f5 with ample white space or neutral, muted tones to prevent the color from overwhelming your layout. This helps ground the high energy of the blue while ensuring your content remains accessible and easy for users to navigate.
Is #1831f5 readable on white or black?
#1831f5 has a 7.50:1 contrast ratio on white and 2.79: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 is too faint for text. Try other pairs in the contrast checker.