#2354C3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-energy blue commands immediate attention. Because of its intensity, #2354c3 functions best as a focused accent or a call to action button rather than a large background color. It pairs surprisingly well with muted mustard yellows, creating a striking contrast for modern UI designs. If you are learning how to make blue shades like this, keep in mind that white text provides optimal accessibility. The hex code is #2354c3.
Questions about #2354c3
What is #2354c3 in RGB, HSL and CMYK?
In RGB, #2354c3 is rgb(35, 84, 195), in HSL hsl(222, 70%, 45%) and in CMYK 82%, 57%, 0%, 24%.
What colors pair best with #2354c3?
Muted mustard yellows create a striking, modern contrast against the high-energy nature of #2354c3. For a more balanced design, pairing this intense blue with charcoal or soft neutral greys helps anchor the visual weight without sacrificing its impact.
Is #2354c3 suitable for background usage in UI?
Because of its high intensity, #2354c3 is often overwhelming as a large background element and can strain the eyes. It is far more effective as a focused accent or button color where it commands immediate user attention.
Is #2354c3 readable on white or black?
#2354c3 has a 6.71:1 contrast ratio on white and 3.12: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.