#2B69C6 Hex Color

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

Hex color #2b69c6 graphic
#2b69c6 is a high-saturation, vivid blue that carries significant visual weight. Its intensity makes it a reliable choice for buttons or notification badges where you need to grab attention immediately. Because it sits clearly between primary blue and cool undertones, it feels professional rather than playful. Use it as a 10% accent color, as it can overwhelm larger background areas if not managed by mixing gray.

Questions about #2b69c6

What is #2b69c6 in RGB, HSL and CMYK?
In RGB, #2b69c6 is rgb(43, 105, 198), in HSL hsl(216, 64%, 47%) and in CMYK 78%, 47%, 0%, 22%.
Where should I use #2b69c6 in a design system?
#2b69c6 functions best as a high-impact accent color rather than a primary background shade. It excels as a 10% accent for action buttons, call-to-action links, or notification badges where you need to draw the eye immediately.
What colors pair well with #2b69c6 for professional layouts?
Pair #2b69c6 with a neutral slate or soft charcoal to ground its intensity. Because this blue carries significant visual weight, using it alongside balanced neutrals prevents the design from feeling too aggressive or overwhelming for the user.
Is #2b69c6 readable on white or black?
#2b69c6 has a 5.33:1 contrast ratio on white and 3.93: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.