#335CEA Hex Color

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

Hex color #335cea graphic
Bold and saturated, this blue leans toward electric azure with a cool violet pull. The hex code #335cea works best as an accent or call-to-action color rather than a full background, where it can overwhelm. White text clears WCAG AA on it at about 5.4:1 contrast, so it handles small labels fine. If you’re mixing blue from scratch, this sits near the vivid end.

Questions about #335cea

What is #335cea in RGB, HSL and CMYK?
In RGB, #335cea is rgb(51, 92, 234), in HSL hsl(227, 81%, 56%) and in CMYK 78%, 61%, 0%, 8%.
What text color reads best on #335cea?
White text, at roughly 5.4:1 contrast, which passes WCAG AA for small body text. Black text falls short at about 3.9:1, so reserve dark type for larger headings only.
What colors pair well with #335cea?
Warm accents like amber or coral sit opposite it on the wheel and make it pop in small doses. Soft grays and off-whites calm it down across larger surfaces.
Is #335cea readable on white or black?
#335cea has a 5.44:1 contrast ratio on white and 3.85: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.