#5692E3 Hex Color

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

Hex color #5692e3 graphic
With its medium-light value and softened saturation, #5692e3 feels cool, dependable, and easy to use. This blue works well as a supporting tone in security, finance, healthcare, and technology interfaces, especially beside charcoal or deep navy. Black text remains highly readable on it, meeting WCAG AA for body text. The hex code for this color is #5692e3.

Questions about #5692e3

What is #5692e3 in RGB, HSL and CMYK?
In RGB, #5692e3 is rgb(86, 146, 227), in HSL hsl(214, 72%, 61%) and in CMYK 62%, 36%, 0%, 11%.
Which colors pair well with #5692e3?
#5692e3 pairs well with white, charcoal, deep navy, and soft neutrals because its cool blue hue stays crisp beside darker anchors and low-chroma backgrounds. Add a warm accent such as coral when the palette needs more energy.
Is #5692e3 readable on white or black?
#5692e3 has a 3.17:1 contrast ratio on white and 6.61: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.