#6D8DED Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A vivid, mid-tone blue, #6d8ded commands attention without feeling aggressive. It is a bright, cool shade that reads clean and dependable for professional UI elements like buttons or status indicators. Because it holds strong chroma, it works best as a primary action color rather than a large background. Interestingly, when learning how to make gray, adding this blue to a mix creates cool, muted tones.
Questions about #6d8ded
What is #6d8ded in RGB, HSL and CMYK?
In RGB, #6d8ded is rgb(109, 141, 237), in HSL hsl(225, 78%, 68%) and in CMYK 54%, 41%, 0%, 7%.
Where does #6d8ded work best in UI design?
#6d8ded functions most effectively as a primary action color for buttons, links, or status indicators where you need to guide the user's attention. Because it holds strong chroma, avoid using it for large background blocks to maintain visual comfort.
What colors pair well with #6d8ded?
Is #6d8ded readable on white or black?
#6d8ded has a 3.14:1 contrast ratio on white and 6.68: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.