Lothern Blue
Stable, professional, and understated mid-tone blue
Lothern Blue is a muted, mid-tone shade that feels stable and professional. Because it is desaturated, it works best as a supporting tone in corporate or tech interfaces rather than a dominant background. Pair #6699cc with warm sandstone to add needed contrast, as it can look flat alone. With a 7.0:1 contrast ratio, black text remains perfectly readable against this hex code.
About Lothern Blue
Cold morning sky behind a thin fog
What does lothern blue mean?
People often read muted blues like this as steady, practical, and dependable, which is why it commonly appears in workwear and office settings. The low saturation keeps it soft and hazy, and its mid lightness keeps it even, so it feels settled rather than bold.
Where you see lothern blue
- faded denim
- overcast morning sky
- glazed ceramic tile
- bluebird eggs
- cotton work shirts
What it works for
It works well as a background color for interfaces, posters, and packaging that need cool blue without strong pull.
What colors go with lothern blue?
Mustard #ffdb58The warm yellow cuts through the haze and keeps the blue from going flat.Terracotta #e2725bA dusty red-orange sits at the opposite temperature, so both colors read stronger.Charcoal #36454fThe near-black anchors the light blue and gives the pair real weight.Sage #9caf88Two muted neighbors stay calm together and suit relaxed, natural palettes.Blush #de5d83A pale pink warms the cool blue and softens the whole combination.
Questions about Lothern Blue
What is the hex code for Lothern Blue?
Lothern Blue is #6699cc. In RGB that is rgb(102, 153, 204), in HSL hsl(210, 50%, 60%) and in CMYK 50%, 25%, 0%, 20%.
How should I use #6699cc in interface design?
Use #6699cc as a secondary accent or supporting tone rather than a background color. Its desaturated, professional nature works best when paired with high-contrast text or warm neutrals like sandstone to prevent the interface from appearing too flat or dull.
Is Lothern Blue readable on white or black?
Lothern Blue has a 3.00:1 contrast ratio on white and 6.99: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.