#358AD1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
With its medium lightness and restrained saturation, #358ad1 is a cool blue with a dependable feel. It suits finance, healthcare, technology, and government interfaces where trust and control matter. Use it as a supporting brand color or UI background, pairing it with charcoal or warm white. Black text has about 5.7:1 contrast, enough for WCAG AA body text. The hex code is #358ad1.
Questions about #358ad1
What is #358ad1 in RGB, HSL and CMYK?
In RGB, #358ad1 is rgb(53, 138, 209), in HSL hsl(207, 63%, 51%) and in CMYK 75%, 34%, 0%, 18%.
Is #358ad1 a warm or cool color?
#358ad1 reads as a cool blue because its hue sits in the blue range, while its moderate saturation keeps it measured rather than vivid, giving interfaces a calm, dependable tone.
What colors pair well with #358ad1?
Pair #358ad1 with charcoal for grounded text, warm white for a softer look, and muted gray-blue neutrals to keep interfaces professional without making the palette feel stark or overly saturated.
Is #358ad1 readable on white or black?
#358ad1 has a 3.67:1 contrast ratio on white and 5.70: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.