#1C303D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty blue feels professional and serious without appearing stark. It provides a grounded base for UI backgrounds or corporate branding, offering high contrast for white text. Because #1c303d is so unsaturated, it works best as a large-scale background element rather than small text. It pairs effectively with warm, off-white tones or soft greys to prevent a cold, clinical look in digital interfaces.
Questions about #1c303d
What is #1c303d in RGB, HSL and CMYK?
In RGB, #1c303d is rgb(28, 48, 61), in HSL hsl(204, 37%, 17%) and in CMYK 54%, 21%, 0%, 76%.
What colors pair best with #1c303d?
#1c303d works beautifully with warm, off-white tones or soft greys to prevent a cold, clinical look in UI design. Using it as a base allows bright accent colors to pop without overwhelming the screen space.
Is #1c303d suitable for small text?
Because #1c303d is a dark, desaturated shade, it is best utilized as a large-scale background element or header rather than for small, body-copy text. Use it to ground your layout while maintaining high readability with light text overlays.
Is #1c303d readable on white or black?
#1c303d has a 13.64:1 contrast ratio on white and 1.53: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.