#183240 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty blue carries a serious weight, perfect for establishing a professional yet guarded tone. Because it is so dark, use #183240 as a dominant background to ground a UI, rather than a small accent. It pairs unexpectedly well with warm, muted terracottas or crisp white text, which remains highly readable against its surface. The hex code for this color is #183240.
Questions about #183240
What is #183240 in RGB, HSL and CMYK?
In RGB, #183240 is rgb(24, 50, 64), in HSL hsl(201, 45%, 17%) and in CMYK 63%, 22%, 0%, 75%.
How do I best use #183240 in interface design?
#183240 functions best as a dominant, immersive background rather than an accent piece, thanks to its heavy, serious weight. Pair it with high-contrast text like off-white or soft creams to maintain essential readability across your UI design.
What color palettes work well with #183240?
This muted blue anchors balanced schemes when paired with warm, earthy tones like terracotta or dusty rose. The contrast between the cool, guarded blue and warmer earth tones creates a sophisticated, professional tension that feels both stable and approachable.
Is #183240 readable on white or black?
#183240 has a 13.38:1 contrast ratio on white and 1.56: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.