#CF9DF7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, cool lavender offers high visibility for interface design. Because black text maintains strong contrast against it, you can safely use #cf9df7 for small body type or UI buttons. Limit this shade to a 10% accent color to maintain balance in a layout. It pairs effectively with dark, desaturated teals for a crisp, modern aesthetic. The hex code for this color is #cf9df7.
Questions about #cf9df7
What is #cf9df7 in RGB, HSL and CMYK?
In RGB, #cf9df7 is rgb(207, 157, 247), in HSL hsl(273, 85%, 79%) and in CMYK 16%, 36%, 0%, 3%.
How should #cf9df7 be used in interface design?
#cf9df7 provides strong contrast against black text, making it an excellent choice for functional UI elements like buttons or notification badges. Because it is highly vibrant, you should limit its application to roughly 10% of your layout to maintain visual harmony and prevent eye fatigue.
What colors pair well with #cf9df7?
This bright lavender creates a crisp, professional aesthetic when paired with dark, desaturated teals or deep charcoal tones. These darker, muted companions anchor the lightness of #cf9df7, allowing the color to pop as a deliberate accent rather than overwhelming the design.
Is #cf9df7 readable on white or black?
#cf9df7 has a 2.13:1 contrast ratio on white and 9.81:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.