#6D84EA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, saturated periwinkle demands attention. Due to its intensity, #6d84ea works best as an accent color for buttons or calls to action rather than a main background. It pairs effectively with dark charcoal to balance the cool temperature. The hex code is #6d84ea. Black text provides excellent contrast on this surface, making it accessible for small, fine detail work.
Questions about #6d84ea
What is #6d84ea in RGB, HSL and CMYK?
In RGB, #6d84ea is rgb(109, 132, 234), in HSL hsl(229, 75%, 67%) and in CMYK 53%, 44%, 0%, 8%.
How should I use #6d84ea in a design interface?
Because #6d84ea is highly saturated, use it sparingly as an accent color for primary buttons, notification badges, or icon highlights rather than as a background fill. Pair it with charcoal or near-black text to ground its high energy and maintain strong readability for your users.
Does #6d84ea have cool or warm undertones?
The hex color #6d84ea sits firmly in the cool spectrum, balancing a true blue base with subtle violet undertones. This cool temperature makes it feel fresh and modern, though it may clash if placed directly against warm, earthy tones like terracotta or soft gold.
Is #6d84ea readable on white or black?
#6d84ea has a 3.42:1 contrast ratio on white and 6.13:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.