#678299 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #678299 graphic
#678299 is a dusty, unsaturated blue with a distinct ashy undertone. This muted character makes it an ideal choice for background surfaces in finance or tech interfaces where understated professionalism matters. It pairs well with crisp black text, offering sufficient contrast for small body copy. Use this hex code as a stabilizing base rather than an accent, as its desaturation can feel washed out when used sparingly.

Questions about #678299

What is #678299 in RGB, HSL and CMYK?
In RGB, #678299 is rgb(103, 130, 153), in HSL hsl(208, 20%, 50%) and in CMYK 33%, 15%, 0%, 40%. Browse more shades of blue with names and hex codes.
How should I use #678299 in a UI design?
Use #678299 primarily as a background color for professional applications or finance dashboards because it communicates stability without overwhelming the user. It functions best as a base neutral that lets charcoal or dark gray text stand out clearly.
Does #678299 read as a warm or cool blue?
#678299 reads distinctly cool due to its ashy, desaturated quality, which pulls it away from vibrant sky blues and moves it toward a stony slate appearance. Its lack of high chroma makes it feel calm and grounded rather than energetic.
Is #678299 readable on white or black?
#678299 has a 4.01:1 contrast ratio on white and 5.22: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.