#182C7C Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #182c7c graphic
This deep, saturated blue provides a firm foundation for professional branding and serious interface design. Because #182c7c is quite dark, it functions best as a background color that allows white or light-toned text to pop with high contrast. Use this hex code to establish authority in finance or legal projects, but pair it with warm accents to keep the aesthetic from feeling too cold or gloomy.

Questions about #182c7c

What is #182c7c in RGB, HSL and CMYK?
In RGB, #182c7c is rgb(24, 44, 124), in HSL hsl(228, 68%, 29%) and in CMYK 81%, 65%, 0%, 51%.
Does #182c7c work well for UI text?
#182c7c is generally too dark for body text unless paired with a very bright white or extremely light gray background. Because of its low luminance, it functions best as a solid brand color for buttons, headers, or full-width section backgrounds.
What colors pair well with #182c7c?
This deep navy pairs effectively with soft cream or ivory to reduce eye strain, while sharp white provides the highest contrast for readability. For an accent, try a muted gold or copper to add warmth without disrupting the professional aesthetic.
Is #182c7c readable on white or black?
#182c7c has a 12.42:1 contrast ratio on white and 1.69: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.