#663340 Hex Color

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

Hex color #663340 graphic
This muted, dusty pink carries a serious, grounded weight. Because of its low saturation, #663340 functions best as a supporting tone in moody UI designs or fashion palettes. White text provides strong contrast against this dark base, ensuring readability for accessibility. It works surprisingly well when paired with soft creams or warm grays to avoid a muddy appearance. The hex code for this shade is #663340.

Questions about #663340

What is #663340 in RGB, HSL and CMYK?
In RGB, #663340 is rgb(102, 51, 64), in HSL hsl(345, 33%, 30%) and in CMYK 0%, 50%, 37%, 60%.
What colors pair best with #663340 in a design palette?
#663340 works best when balanced against soft cream or light warm gray tones to prevent the overall design from looking muddy. Use it as a supporting accent in UI layouts rather than a primary field for maximum impact.
Is #663340 readable on white or black?
#663340 has a 9.94: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.