#1C22C2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, deep blue provides a commanding base for corporate and authoritative branding. Because it is highly saturated, #1c22c2 pairs well with crisp white text, which achieves a sharp 10.2:1 contrast ratio for excellent readability. It works best as a primary color for logos or UI headers rather than large blocks of body copy, where its heavy density can become overwhelming.
Questions about #1c22c2
What is #1c22c2 in RGB, HSL and CMYK?
In RGB, #1c22c2 is rgb(28, 34, 194), in HSL hsl(238, 75%, 44%) and in CMYK 86%, 82%, 0%, 24%.
How should I use #1c22c2 in user interface design?
Because #1c22c2 is a heavy, highly saturated blue, it performs best as a primary accent for logos, buttons, or navigation headers. Avoid using it for large blocks of body text, as its density can quickly overwhelm a layout and cause eye strain.
What colors pair well with the deep blue of #1c22c2?
Pair #1c22c2 with crisp white to achieve a high-contrast, accessible look that meets readability standards. For a more sophisticated palette, use it alongside a neutral silver or a soft cream to balance the intensity without losing that commanding corporate edge.
Is #1c22c2 readable on white or black?
#1c22c2 has a 10.20:1 contrast ratio on white and 2.05: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.