#3B8BB9 Hex Color

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

Hex color #3b8bb9 graphic
The hex code #3b8bb9 is a medium, cool blue with softened saturation and a slight gray undertone. Its steady appearance supports trust and reliability in security, finance, healthcare, government, and technology branding. Use it as a supporting tone or UI background, pairing it with warm white and charcoal. Black text reaches about 5.6:1 contrast, making small body text readable.

Questions about #3b8bb9

What is #3b8bb9 in RGB, HSL and CMYK?
In RGB, #3b8bb9 is rgb(59, 139, 185), in HSL hsl(202, 52%, 48%) and in CMYK 68%, 25%, 0%, 27%.
What colors pair well with #3b8bb9?
Warm white and charcoal create a clean, balanced pairing with #3b8bb9, while navy or pale blue can extend its restrained, cool palette across interfaces, presentations, and brand materials without overpowering the blue. Use warm neutrals to soften its gray undertone.
Is #3b8bb9 a warm or cool blue?
#3b8bb9 reads as a cool blue because its hue leans toward cyan, while softened saturation and a slight gray undertone keep it from feeling overly bright or icy on screen. That balance gives layouts a calm, dependable appearance.
Where does #3b8bb9 work best in a design?
#3b8bb9 works well for UI backgrounds, secondary buttons, dashboards, and trust-focused visual systems where a steady blue supports clear communication without competing with primary calls to action.
Is #3b8bb9 readable on white or black?
#3b8bb9 has a 3.76:1 contrast ratio on white and 5.57: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.