#0054CE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Bold, saturated blue with a cold edge. The hex code #0054ce reads dark and serious but stays vivid, which makes it a solid pick for calls to action, accent buttons, and small highlights. White text on it reaches about 6.6:1 contrast, so it clears WCAG AA for body copy. Pair it with coral or amber to soften the chill. More similar blue shades can round out a full palette.
Questions about #0054ce
What is #0054ce in RGB, HSL and CMYK?
In RGB, #0054ce is rgb(0, 84, 206), in HSL hsl(216, 100%, 40%) and in CMYK 100%, 59%, 0%, 19%.
What text color works best on #0054ce?
White text is the safest choice on #0054ce, reaching about 6.6:1 contrast. That passes WCAG AA for body text and AAA for large type. Black text falls well short, so keep dark type off this shade.
What colors pair well with #0054ce?
Warm coral and amber balance the cool undertone of #0054ce and keep it from feeling gloomy. Muted supports like sage or soft sand work too. Avoid stacking it against other saturated blues, since the pairing turns muddy.
Is #0054ce readable on white or black?
#0054ce has a 6.64:1 contrast ratio on white and 3.15: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.