#5876CE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Bank apps, healthcare portals, and government sites reach for muted blues like this one. The hex code #5876ce is a medium blue with grayed-out saturation that reads dependable rather than flashy. Use it as a supporting tone behind dark buttons or as a large header block; black text passes AA contrast on it at about 4.9:1. Pair it with warm tan or terracotta to keep it from feeling corporate.
Questions about #5876ce
What is #5876ce in RGB, HSL and CMYK?
In RGB, #5876ce is rgb(88, 118, 206), in HSL hsl(225, 55%, 58%) and in CMYK 57%, 43%, 0%, 19%.
What text color works best on #5876ce?
Black text is the safest choice on #5876ce, with a contrast ratio of about 4.9:1, which passes WCAG AA for body text. White text falls short of AA at this lightness, so reserve it for large display type only.
What colors pair well with #5876ce?
Warm earth tones like terracotta and soft sand balance its cool cast, while a deeper navy adds depth for a two-blue palette. Avoid pairing it only with pure white, which can wash it out.
Is #5876ce readable on white or black?
#5876ce has a 4.28:1 contrast ratio on white and 4.89: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.