#6B00CE Hex Color

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

Hex color #6b00ce graphic
#6b00ce is an intense, saturated violet that demands immediate attention. This high-energy shade works best as a punchy accent color rather than a primary background, as its extreme intensity can easily overwhelm a layout. It pairs effectively with cool grays or sharp whites for a modern, high-contrast look. White text remains legible against this hex code, making it a strong choice for clickable UI buttons.

Questions about #6b00ce

What is #6b00ce in RGB, HSL and CMYK?
In RGB, #6b00ce is rgb(107, 0, 206), in HSL hsl(271, 100%, 40%) and in CMYK 48%, 100%, 0%, 19%.
How should I use #6b00ce in web design?
#6b00ce works best as a high-impact accent color for interactive elements like buttons or notification badges. Because of its extreme saturation, it can quickly overwhelm a layout, so keep it limited to small, actionable areas rather than large backgrounds.
What colors pair well with #6b00ce?
This intense violet balances perfectly with neutral tones like crisp whites or cool charcoal. These high-contrast pairings maintain readability while allowing the vibrancy of #6b00ce to stand out without causing visual fatigue for the user.
Is #6b00ce readable on white or black?
#6b00ce has a 8.34:1 contrast ratio on white and 2.51: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.