#2254ED Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This highly saturated blue commands attention with its intense, electric personality. Because it is so vivid, #2254ed works best as a 10% accent color for calls to action rather than a dominant background, which can overwhelm the eye. It pairs surprisingly well with muted teals or clean grays. With a contrast ratio of 5.9:1 against white, this hex code ensures accessible, readable text for your interface designs.
Questions about #2254ed
What is #2254ed in RGB, HSL and CMYK?
In RGB, #2254ed is rgb(34, 84, 237), in HSL hsl(225, 85%, 53%) and in CMYK 86%, 65%, 0%, 7%.
How should I use #2254ed in my UI design?
Reserve #2254ed for small, high-impact UI elements like call-to-action buttons or status indicators. Because it is highly saturated, using it as a dominant background color often overwhelms the user interface and reduces readability for primary text.
What colors pair well with #2254ed?
This electric blue looks best when grounded by neutral tones. Pair #2254ed with charcoal or soft silver grays to balance its intensity, or use muted teals to create a sophisticated, modern color palette.
Is #2254ed readable on white or black?
#2254ed has a 5.90:1 contrast ratio on white and 3.55: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.