#690303 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, muted maroon creates a serious, intense mood. As a hex code, #690303 works best as a moody base or a minimal accent rather than large text blocks. It suits luxury branding or formal designs that require a touch of danger. Pair it with soft neutrals to balance its heaviness. White text provides excellent contrast against this shade at a 13.0:1 ratio.
Questions about #690303
What is #690303 in RGB, HSL and CMYK?
In RGB, #690303 is rgb(105, 3, 3), in HSL hsl(0, 94%, 21%) and in CMYK 0%, 97%, 97%, 59%.
Does #690303 work well for text on websites?
While #690303 is quite dark, white text offers excellent readability against it at a 13.0:1 contrast ratio, making it a viable choice for headlines or buttons. Avoid using it for long paragraphs, where the intense, moody weight can cause visual fatigue.
What color palettes complement the intensity of #690303?
Pair #690303 with soft, neutral tones like cream or warm gray to balance its heaviness. Using these lighter shades alongside the deep maroon keeps your design grounded while preventing the overall aesthetic from feeling too oppressive or dark.
Is #690303 readable on white or black?
#690303 has a 13.00:1 contrast ratio on white and 1.61: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.