#66283A Hex Color

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

Select a Color

This dark, unsaturated shade carries a serious and moody character that leans into warm, muted pink undertones. Its depth makes it an effective supporting tone for dark-mode UI or editorial layouts that need a touch of tenderness without feeling overly bright. Use the hex code #66283a alongside crisp, white text for maximum readability, as this pairing achieves a strong, 10.9:1 contrast ratio perfect for clean, high-impact design.

Questions about #66283a

What is #66283a in RGB, HSL and CMYK?

In RGB, #66283a is rgb(102, 40, 58), in HSL hsl(343, 44%, 28%) and in CMYK 0%, 61%, 43%, 60%.

What colors pair well with #66283a in a design layout?

#66283a pairs beautifully with crisp white or off-white text to maintain its moody aesthetic while ensuring legibility. For a secondary accent, consider a soft cream or a muted gold to play off the warm pink undertones without overpowering the depth.

Is #66283a readable on white or black?

#66283a has a 10.88:1 contrast ratio on white and 1.92: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.

#66283A Hex Color

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

Questions about #66283a

Color tools

Resources