#6E87D1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated, cool-toned periwinkle strikes a balance between professional stability and approachability. Because it has enough contrast for small body text, #6e87d1 works effectively in UI design for security and financial dashboards. Avoid pairing it with overly bright neons, as it looks much sharper alongside soft warm grays or a crisp charcoal. The hex code for this reliable shade is #6e87d1.
Questions about #6e87d1
What is #6e87d1 in RGB, HSL and CMYK?
In RGB, #6e87d1 is rgb(110, 135, 209), in HSL hsl(225, 52%, 63%) and in CMYK 47%, 35%, 0%, 18%.
What color palettes work well with #6e87d1?
The desaturated nature of #6e87d1 shines when paired with neutral, grounding tones like charcoal or soft warm grays. This combination creates a professional contrast that prevents the periwinkle from looking too vibrant or overwhelming in UI layouts.
Is #6e87d1 suitable for text-heavy interfaces?
Yes, #6e87d1 offers enough contrast to be used for headings or accents in professional applications like financial dashboards. Always verify the specific contrast ratio against your chosen background color to ensure readability standards are met for smaller body text.
Is #6e87d1 readable on white or black?
#6e87d1 has a 3.47:1 contrast ratio on white and 6.04: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.