#1C30C4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated blue carries significant weight, making it a strong choice for corporate branding or authoritative UI components. Because of its deep pigmentation, #1c30c4 provides excellent contrast for white text, ensuring high readability even at smaller sizes. Use it as a solid primary color to establish stability, or pair it with soft grays to ground moody, modern digital designs. The hex code for this shade is #1c30c4.
Questions about #1c30c4
What is #1c30c4 in RGB, HSL and CMYK?
In RGB, #1c30c4 is rgb(28, 48, 196), in HSL hsl(233, 75%, 44%) and in CMYK 86%, 76%, 0%, 23%.
Where should I use #1c30c4 in a design layout?
#1c30c4 works best as a primary action color or an authoritative anchor in UI design. Its heavy, saturated nature creates immediate visual focus, so use it sparingly for buttons or headers to guide the user's eye effectively.
What colors pair well with #1c30c4 for a balanced palette?
This deep blue balances beautifully with neutral, light tones like a soft off-white or light gray to maintain legibility. If you need a more vibrant contrast, pairing it with a warm complementary orange or yellow creates a dynamic, high-energy scheme.
Is #1c30c4 readable on white or black?
#1c30c4 has a 9.25:1 contrast ratio on white and 2.26: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.