#2C67F2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, electric blue commands attention without feeling aggressive. Because of its high chroma and intensity, #2c67f2 works best as a bold accent for calls to action or UI highlights rather than a full background. The hex code #2c67f2 pairs surprisingly well with muted clay or soft peach tones to ground its energy. It provides enough contrast to remain readable with white text.
Questions about #2c67f2
What is #2c67f2 in RGB, HSL and CMYK?
In RGB, #2c67f2 is rgb(44, 103, 242), in HSL hsl(222, 88%, 56%) and in CMYK 82%, 57%, 0%, 5%.
How do I balance the intensity of #2c67f2 in a layout?
Limit #2c67f2 to high-impact UI elements like primary buttons or active states to prevent it from overpowering your design. Ground this intense blue by pairing it with muted neutrals like dusty terracotta or soft peach to create a sophisticated, balanced look.
Is #2c67f2 readable on white or black?
#2c67f2 has a 4.85:1 contrast ratio on white and 4.32: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.