#2857CE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-intensity blue commands attention without feeling aggressive. Because #2857ce sits at a mid-range brightness, it excels as a high-contrast primary accent rather than a background color. It pairs surprisingly well with muted clay oranges for a modern, energetic UI palette. The hex code for this vivid blue is #2857ce, which maintains accessible readability against white text for small interface elements.
Questions about #2857ce
What is #2857ce in RGB, HSL and CMYK?
In RGB, #2857ce is rgb(40, 87, 206), in HSL hsl(223, 67%, 48%) and in CMYK 81%, 58%, 0%, 19%.
Does #2857ce work well for user interface design?
#2857ce acts as an excellent high-contrast accent color for buttons or call-to-action elements, as it maintains strong readability against white backgrounds. To balance its intensity, try pairing this blue with muted clay or soft terracotta shades for a modern, energetic look.
How does #2857ce compare to standard navy or royal blues?
While darker than a royal blue, #2857ce possesses a specific saturation level that commands attention without feeling aggressive or overly dark. It avoids the heaviness of standard navy while remaining more stable and grounded than a bright electric cyan.
Is #2857ce readable on white or black?
#2857ce has a 6.27:1 contrast ratio on white and 3.34: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.