#2C22E5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated blue carries a serious weight, making it a reliable choice for corporate branding, technology interfaces, and security-focused designs. Because it is highly readable against white text, it works well for UI buttons or active states. The hex code for this shade is #2c22e5. It provides strong contrast when paired with soft, desaturated neutrals, preventing the color from overpowering your layout.
Questions about #2c22e5
What is #2c22e5 in RGB, HSL and CMYK?
In RGB, #2c22e5 is rgb(44, 34, 229), in HSL hsl(243, 79%, 52%) and in CMYK 81%, 85%, 0%, 10%.
Where should I use #2c22e5 in a user interface?
#2c22e5 functions best as an action color for primary buttons or active states due to its high readability against white text. Its strong, saturated presence ensures critical elements stand out effectively without feeling overly vibrant or neon in a professional layout.
What colors pair well with #2c22e5?
This deep blue balances best when paired with soft, desaturated neutrals like a warm light gray or cream. These pairings prevent the intensity of the blue from becoming overwhelming while maintaining a clean, modern aesthetic for technology or corporate digital assets.
Is #2c22e5 readable on white or black?
#2c22e5 has a 8.51:1 contrast ratio on white and 2.46: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 is too faint for text. Try other pairs in the contrast checker.