#255AC4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#255ac4 is a punchy, saturated blue that demands attention without feeling chaotic. Because of its intensity, it serves best as a bold accent or call-to-action button rather than a primary background color. It pairs surprisingly well with warm corals to create high-contrast, modern UI designs. White text provides excellent readability against this hex code, ensuring your layouts remain accessible and clear.
Questions about #255ac4
What is #255ac4 in RGB, HSL and CMYK?
In RGB, #255ac4 is rgb(37, 90, 196), in HSL hsl(220, 68%, 46%) and in CMYK 81%, 54%, 0%, 23%.
What colors pair well with #255ac4 for modern UI design?
#255ac4 creates a striking, modern look when paired with warm coral or soft cream tones. Because of its intensity, it excels as a high-contrast accent alongside neutral white text for maximum readability and visual impact.
Is #255ac4 suitable for large text backgrounds?
This shade is generally too intense and saturated for use as a full-page background, as it can overwhelm the viewer. It is much more effective as a targeted, bold accent or for interactive elements like buttons and icons.
Is #255ac4 readable on white or black?
#255ac4 has a 6.29:1 contrast ratio on white and 3.33: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.