#338EB2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mid-tone cyan carries a clean, unsaturated quality that feels professional and steady. Because it offers strong readability with black text, it performs well as a primary color for UI and corporate branding. The hex code #338eb2 pairs effectively with warm, muted terracottas to balance its inherent coolness. Use it sparingly as an accent to avoid overwhelming a layout, rather than a full page background.
Questions about #338eb2
What is #338eb2 in RGB, HSL and CMYK?
In RGB, #338eb2 is rgb(51, 142, 178), in HSL hsl(197, 55%, 45%) and in CMYK 71%, 20%, 0%, 30%. Browse more shades of blue with names and hex codes.
What colors pair best with #338eb2 for a balanced palette?
This mid-tone cyan works beautifully when paired with warm, muted tones like terracotta or soft sand colors. These earthy contrasts help ground the inherent coolness of #338eb2, preventing it from appearing too sterile or clinical in a layout.
Is #338eb2 a safe choice for UI text and buttons?
The #338eb2 hex color provides high readability against white or light backgrounds, making it a reliable choice for primary call-to-action buttons. When used for body text, ensure you test contrast against your specific background color to maintain strict accessibility standards.
Is #338eb2 readable on white or black?
#338eb2 has a 3.71:1 contrast ratio on white and 5.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.