#6B85D6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated periwinkle blue feels restrained and professional. Because #6b85d6 maintains a high contrast ratio with black text, it functions well for readable UI elements or technical documentation headers. The tone reads best as a supporting accent in corporate branding rather than a full background, as its muted quality can wash out next to pure white. The hex code for this blue is #6b85d6.
Questions about #6b85d6
What is #6b85d6 in RGB, HSL and CMYK?
In RGB, #6b85d6 is rgb(107, 133, 214), in HSL hsl(225, 57%, 63%) and in CMYK 50%, 38%, 0%, 16%.
Is #6b85d6 suitable for text-heavy UI designs?
#6b85d6 provides a strong contrast ratio when paired with dark text, making it a reliable choice for technical documentation headers or actionable UI elements. It remains legible and avoids the visual strain often caused by overly vibrant blue tones.
What color combinations work best with #6b85d6?
Because #6b85d6 acts as a muted, professional accent, it pairs effectively with neutral grays or a deep charcoal to maintain a corporate aesthetic. Using it alongside pure white can sometimes wash it out, so it works better when grounded against darker, neutral backgrounds.
Is #6b85d6 readable on white or black?
#6b85d6 has a 3.52:1 contrast ratio on white and 5.95: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.