Claret
Online color picker to view shades, tints, color codes, and complementary colors
Claret is an intense, deep shade of red with dark, near-black undertones. This color commands attention, making it an excellent choice for luxury branding or moody UI backgrounds. Because it is so saturated, use #680018 as a 10% accent rather than a primary base. It pairs beautifully with muted gold or cream, creating a high-contrast, classic look that stays legible against white text.
Questions about Claret
What is the hex code for Claret?
Claret is #680018. In RGB that is rgb(104, 0, 24), in HSL hsl(346, 100%, 20%) and in CMYK 0%, 100%, 77%, 59%.
How can I effectively use #680018 in web design?
Because of its high saturation, use #680018 as a small accent rather than a primary background color to avoid overwhelming the user. It pairs exceptionally well with cream or muted gold for a sophisticated, high-contrast look that maintains excellent readability against white text.
Does #680018 feel more like a warm or cool red?
Claret reads as a deep, cool-toned red due to its heavy near-black undertones. Unlike bright fire-engine reds, this shade feels grounded and formal, making it a reliable choice for professional branding or luxury-focused design systems that require a serious, refined atmosphere.
Is Claret readable on white or black?
Claret has a 13.11:1 contrast ratio on white and 1.60: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.