#660B33 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This deep, muted berry tone feels moody and serious due to its low light value. It works best as an accent color or a grounding base rather than for large text blocks, where it can lose clarity. Pair it with soft cream for a balanced contrast, as white text remains highly legible against this dark surface. The hex code for this shade is #660b33.
Questions about #660b33
What is #660b33 in RGB, HSL and CMYK?
In RGB, #660b33 is rgb(102, 11, 51), in HSL hsl(334, 81%, 22%) and in CMYK 0%, 89%, 50%, 60%.
What colors pair best with #660b33?
#660b33 thrives when balanced against lighter, neutral tones that prevent it from feeling overwhelming. Use a soft cream or light beige for body text to ensure readability, or introduce a soft pink to bridge the gap between the dark berry and a clean white background.
Is #660b33 appropriate for web design text?
Using #660b33 for primary body text is generally discouraged because its low light value reduces clarity on most screens. It works far more effectively as an accent for buttons, thin borders, or decorative headers where its deep, moody pigment can really stand out.
Is #660b33 readable on white or black?
#660b33 has a 12.64:1 contrast ratio on white and 1.66: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.