#2655B4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, vivid blue commands attention with high visual impact. It functions best as a dominant brand color or a strong accent rather than a full background, as its intensity can feel overwhelming in large blocks. Pair it with soft cream or light gray to balance the boldness. The hex code for this color is #2655b4, which provides excellent contrast against white text for accessible web design.
Questions about #2655b4
What is #2655b4 in RGB, HSL and CMYK?
In RGB, #2655b4 is rgb(38, 85, 180), in HSL hsl(220, 65%, 43%) and in CMYK 79%, 53%, 0%, 29%.
How can I balance the intensity of #2655b4 in a design layout?
Use #2655b4 as a sharp accent or CTA button color against neutral backgrounds like cream or light gray to manage its visual weight. Avoid using this saturated blue as a primary background color, as it can overwhelm the viewer and make text difficult to read.
Is #2655b4 readable on white or black?
#2655b4 has a 6.90:1 contrast ratio on white and 3.04: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.