#2CA4E4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Healthcare dashboards, fintech buttons, and social apps often reach for this blue, whose hex code is #2ca4e4. Medium-light and softly muted, it reads friendly rather than corporate. It holds up as a dominant UI base, and black text passes AA on it at about 7.5:1 contrast. Pair it with warm grays; mixing gray yourself gives cleaner neutrals than stock swatches.
Questions about #2ca4e4
What is #2ca4e4 in RGB, HSL and CMYK?
In RGB, #2ca4e4 is rgb(44, 164, 228), in HSL hsl(201, 77%, 53%) and in CMYK 81%, 28%, 0%, 11%.
What colors pair well with #2ca4e4?
Muted coral and warm sand tones give #2ca4e4 a friendly, modern feel, while deep slate keeps it grounded. Skip bright cyan and lime, which wash the blue out and make the palette feel generic.
Is #2ca4e4 readable on white or black?
#2ca4e4 has a 2.78:1 contrast ratio on white and 7.53:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.