#03658C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated blue acts as a strong, reliable base for corporate branding or technical interfaces. Because it leans dim and cool, #03658c avoids the harshness of brighter primaries. It holds enough contrast to support white text comfortably, making it effective for readable UI elements. Pair this hex code with soft grays or warm creams to keep your layout from feeling too gloomy.
Questions about #03658c
What is #03658c in RGB, HSL and CMYK?
In RGB, #03658c is rgb(3, 101, 140), in HSL hsl(197, 96%, 28%) and in CMYK 98%, 28%, 0%, 45%.
Why is #03658c effective for user interface design?
This hex color acts as a highly readable base for UI design because it provides enough contrast against white text while avoiding the aggressive visual fatigue of brighter primaries. Its muted, cool temperature makes it ideal for data-heavy dashboards or professional software interfaces.
Which colors pair well with #03658c?
Pairing #03658c with neutral, light tones like light gray or cream creates a balanced, executive look that feels reliable rather than gloomy. For a vibrant contrast, use an accent of mustard yellow to offset the cool, dim nature of this blue.
Is #03658c readable on white or black?
#03658c has a 6.47:1 contrast ratio on white and 3.24:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.