#2B5BD5 Hex Color

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

Hex color #2b5bd5 graphic
Reach for #2b5bd5 when a call to action needs to pull attention. This saturated, cool blue carries a slight red undertone that keeps it lively instead of corporate-flat. Use it as a 10% accent, or for buttons, links, and highlights; as a full background it gets loud fast. It flatters warm coral and amber, and white text passes WCAG AA at about 5.9:1.

Questions about #2b5bd5

What is #2b5bd5 in RGB, HSL and CMYK?
In RGB, #2b5bd5 is rgb(43, 91, 213), in HSL hsl(223, 67%, 50%) and in CMYK 80%, 57%, 0%, 16%.
What colors pair well with #2b5bd5?
#2b5bd5 works best beside warm coral or amber, which balance its cool intensity. Soft neutrals like cream or warm gray keep layouts calm, and near-black text stays readable on top.
Is #2b5bd5 readable on white or black?
#2b5bd5 has a 5.89: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.