#3398DB Hex Color

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

Hex color #3398db graphic
A cool, unsaturated blue, #3398db communicates stability and professional clarity. This shade works best as an accent or primary button color in tech and financial interfaces, where it establishes instant credibility. Since black text provides excellent 6.7:1 contrast against it, you can safely use it for small, legible type. Pair this hex code with slate grays for a clean, modern aesthetic in B2B branding.

Questions about #3398db

What is #3398db in RGB, HSL and CMYK?
In RGB, #3398db is rgb(51, 152, 219), in HSL hsl(204, 70%, 53%) and in CMYK 77%, 31%, 0%, 14%.
Does #3398db work well for user interface design?
#3398db is an excellent choice for UI design because it offers high visibility and professional clarity. Its strong contrast ratio allows it to support small text sizes, making it highly effective for navigation buttons, action links, and data visualization elements in enterprise software.
What colors pair well with #3398db?
This blue creates a sophisticated look when paired with charcoal or slate grays, which ground the brightness of the blue. You can also introduce soft cream or off-white backgrounds to keep the overall aesthetic clean, modern, and professional.
Is #3398db readable on white or black?
#3398db has a 3.15:1 contrast ratio on white and 6.65: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.