#2287E0 Hex Color

Vibrant and clear high energy blue

Select a Color

This high-energy blue is saturated and clear, avoiding any muddy gray undertones. Because it carries a strong visual weight, it works best as an accent color for calls to action or UI highlights rather than a full background. Black text remains legible against this shade, meeting accessibility standards for small body copy. The hex code for this color is #2287e0.

Questions about #2287e0

What is #2287e0 in RGB, HSL and CMYK?

In RGB, #2287e0 is rgb(34, 135, 224), in HSL hsl(208, 75%, 51%) and in CMYK 85%, 40%, 0%, 12%.

What colors pair well with #2287e0?

Because #2287e0 is a pure, energetic blue, it pairs best with neutral whites, light grays, or high-contrast mustard yellow for a punchy, modern palette. You can also ground the intensity by using it alongside deep navy tones for a sophisticated, professional look.

Is #2287e0 readable on white or black?

#2287e0 has a 3.74:1 contrast ratio on white and 5.60: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.

#2287E0 Hex Color

Vibrant and clear high energy blue

Questions about #2287e0

Color tools

Resources