#2299DE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, saturated blue commands attention in any interface. Use #2299de as a strategic accent color for call-to-action buttons or icons in tech and finance branding. It pairs well with slate grays to balance the cool intensity. With a 6.7:1 contrast ratio against black, this hex code ensures excellent legibility for small, functional text across your designs.
Questions about #2299de
What is #2299de in RGB, HSL and CMYK?
In RGB, #2299de is rgb(34, 153, 222), in HSL hsl(202, 74%, 50%) and in CMYK 85%, 31%, 0%, 13%. Browse more shades of blue with names and hex codes.
Does #2299de work well as a primary interface color?
#2299de functions best as a strategic accent color rather than a primary background because of its high saturation. It draws immediate user focus to critical elements like primary buttons or important notification icons without overwhelming the overall layout.
What colors pair well with #2299de?
This blue balances perfectly against neutral, desaturated tones to prevent visual fatigue. It pairs effectively with charcoal for clean typography or soft, light gray backgrounds, creating a professional contrast that maintains high legibility for small, functional text.
Is #2299de readable on white or black?
#2299de has a 3.14:1 contrast ratio on white and 6.67:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.