#308AD4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This medium blue is cool and steady, feeling professional without being cold. It acts as an excellent dominant base for corporate tech or financial branding, where reliability is the priority. Pair #308ad4 with a warm charcoal grey to ground its brightness. Because it maintains strong contrast against black text, it works well for UI elements that require clarity and readability. The hex code for this shade is #308ad4.
Questions about #308ad4
What is #308ad4 in RGB, HSL and CMYK?
In RGB, #308ad4 is rgb(48, 138, 212), in HSL hsl(207, 66%, 51%) and in CMYK 77%, 35%, 0%, 17%.
Why does #308ad4 work well for corporate branding?
This specific blue feels inherently trustworthy and professional without appearing cold or sterile. Its mid-tone balance provides a stable visual foundation that works exceptionally well on screens, particularly when paired with charcoal or slate tones for high-contrast, readable UI design.
How should #308ad4 be paired for the best visual impact?
To ground the brightness of #308ad4, pair it with neutral, dark tones like charcoal. This combination creates a sophisticated, modern look that remains legible, making it ideal for financial dashboards, tech software interfaces, and any application that demands clear hierarchy and reliable performance.
Is #308ad4 readable on white or black?
#308ad4 has a 3.67:1 contrast ratio on white and 5.71: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.