#1C304C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, desaturated navy feels professional and grounded. Because #1c304c is so dark and muted, it functions best as a base for corporate or technical UI projects rather than a primary accent. It offers excellent legibility for white text, so use it as a full background to establish a sense of authority. Avoid pairing it with other dark tones to keep your design from looking murky.
Questions about #1c304c
What is #1c304c in RGB, HSL and CMYK?
In RGB, #1c304c is rgb(28, 48, 76), in HSL hsl(215, 46%, 20%) and in CMYK 63%, 37%, 0%, 70%.
How should #1c304c be used in a professional UI design?
#1c304c works best as a primary background color to establish authority and structure within corporate applications. Because it is so dark and muted, use white or very pale, high-contrast text to ensure your content remains readable and accessible for users.
What colors pair well with the #1c304c navy?
Pair #1c304c with crisp, bright whites or subtle creams to maintain a clean aesthetic, as these highlight its professional character. Avoid pairing it with other dark, muddy tones, which can cause the design to look cluttered and lower your overall contrast ratios.
Is #1c304c readable on white or black?
#1c304c has a 13.32:1 contrast ratio on white and 1.57: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.