#C6CCFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, unsaturated indigo reads as a cool, airy violet. Because of its high lightness, it functions best as a soft background or a secondary UI element rather than for fine text. It pairs beautifully with charcoal grays or deep navies to create immediate contrast. The hex code for this tint is #c6ccff, which holds enough accessibility for black text.
Questions about #c6ccff
What is #c6ccff in RGB, HSL and CMYK?
In RGB, #c6ccff is rgb(198, 204, 255), in HSL hsl(234, 100%, 89%) and in CMYK 22%, 20%, 0%, 0%.
What colors pair well with the #c6ccff shade?
Because #c6ccff is a high-lightness, cool-toned violet, it creates the most effective balance when paired with dark, saturated neutrals. High-contrast pairings include charcoal or deep navy grays, which ground the airiness of the tint and prevent the design from looking washed out.
Is #c6ccff readable on white or black?
#c6ccff has a 1.55:1 contrast ratio on white and 13.48: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.