#488CBC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A cool, moderately muted blue with a slightly gray cast, #488cbc feels dependable without becoming severe. Its medium lightness suits finance, healthcare, technology, and public-sector interfaces, especially as a supporting brand tone or navigation color. The hex code #488cbc also supports readable black text, with about a 5.8:1 contrast ratio for body copy.
Questions about #488cbc
What is #488cbc in RGB, HSL and CMYK?
In RGB, #488cbc is rgb(72, 140, 188), in HSL hsl(205, 46%, 51%) and in CMYK 62%, 26%, 0%, 26%. Browse more shades of blue with names and hex codes.
What colors pair well with #488cbc?
#488cbc pairs well with white, charcoal, and muted burgundy, which adds warmth without overpowering its cool, gray-blue character. Use it as a primary interface tone with burgundy reserved for alerts, highlights, or small accent details.
Is #488cbc readable on white or black?
#488cbc has a 3.65:1 contrast ratio on white and 5.75: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.