#663623 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, dusky brown feels grounded and serious. Because #663623 is quite dark, it functions best as a stabilizing background or a bold anchor for identity branding rather than as a primary text color. It pairs unexpectedly well with dusty teals or soft creams, which brighten its heavy, earthy character. With a high contrast ratio against white text, it maintains excellent readability for clean, moody UI designs.
Questions about #663623
What is #663623 in RGB, HSL and CMYK?
In RGB, #663623 is rgb(102, 54, 35), in HSL hsl(17, 49%, 27%) and in CMYK 0%, 47%, 66%, 60%.
How can I effectively use #663623 in web design?
#663623 serves as a robust foundation for interfaces that require a stable, organic feel. It works best as a background color paired with high-contrast text like soft creams, or as a bold accent for navigation bars and buttons.
What colors pair best with #663623?
This dusky brown looks excellent when balanced by dusty teals or light creams that introduce lightness. The contrast between these cooler, brighter tones and the heavy, earthy nature of #663623 creates a sophisticated and readable visual hierarchy.
Is #663623 readable on white or black?
#663623 has a 9.92:1 contrast ratio on white and 2.11: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.