#355DCF Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #355dcf graphic
This saturated blue is intense and demands attention without feeling chaotic. Because of its high chroma, it works best as a primary call to action or an accent rather than a background color. It pairs cleanly with stark whites for high visibility. The hex code #355dcf meets accessibility standards for white text, ensuring your UI elements remain readable and functional for all users.

Questions about #355dcf

What is #355dcf in RGB, HSL and CMYK?
In RGB, #355dcf is rgb(53, 93, 207), in HSL hsl(224, 62%, 51%) and in CMYK 74%, 55%, 0%, 19%.
Where should I use the #355dcf blue color in UI design?
#355dcf is a high-chroma, attention-grabbing blue that functions best as an interactive element like a button or a prominent link. Because it is so saturated, avoid using it as a background color, as it will quickly overwhelm your user interface.
Is #355dcf readable on white or black?
#355dcf has a 5.80:1 contrast ratio on white and 3.61: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.