#2152D2 Hex Color

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

Hex color #2152d2 graphic
#2152d2 is a highly saturated, energetic blue that demands attention without feeling chaotic. Its high chroma makes it ideal for call to action buttons or small accents rather than dominant backgrounds. White text pairs perfectly with this tone, reaching a 6.6:1 contrast ratio. To integrate this shade with other shades of blue in your next design, use the hex code #2152d2 sparingly.

Questions about #2152d2

What is #2152d2 in RGB, HSL and CMYK?
In RGB, #2152d2 is rgb(33, 82, 210), in HSL hsl(223, 73%, 48%) and in CMYK 84%, 61%, 0%, 18%.
Where should I use the #2152d2 shade in my interface?
Because of its high saturation and energetic nature, #2152d2 functions best as a functional accent. Use it sparingly for call to action buttons or primary links to draw attention, rather than as a dominant background color that might overwhelm the viewer.
Is #2152d2 readable on white or black?
#2152d2 has a 6.55:1 contrast ratio on white and 3.20: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.