#618DD3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Muted and cool, this periwinkle-leaning blue carries a professional, stable weight. Because of its steady, reliable character, it works well as a dominant base for corporate branding or interface design in finance and tech. For those curious about mixing gray, this hex code #618dd3 offers enough contrast to support black text, ensuring high readability for UI components and documentation.
Questions about #618dd3
What is #618dd3 in RGB, HSL and CMYK?
In RGB, #618dd3 is rgb(97, 141, 211), in HSL hsl(217, 56%, 60%) and in CMYK 54%, 33%, 0%, 17%.
What is the best way to use #618dd3 in UI design?
This hex color works best as a primary action or header color because it maintains high contrast against black text while conveying reliability. It is frequently paired with charcoal for a clean, accessible look in modern dashboard interfaces.
Does #618dd3 lean warm or cool?
This color is distinctly cool, carrying subtle periwinkle undertones that prevent it from feeling too sterile or harsh. These properties make it an excellent choice for backgrounds or call-to-action buttons where you need a calm, steady visual weight.
Is #618dd3 readable on white or black?
#618dd3 has a 3.35:1 contrast ratio on white and 6.25: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.