#285C99 Hex Color

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

Hex color #285c99 graphic
This muted blue carries a serious, professional weight. It feels restrained and reliable rather than energetic. The hex code #285c99 works well for technology and finance brands needing a secure, grounded interface. It offers enough contrast for white text to remain legible, making it a strong choice for body copy. Pair it with soft grays to avoid a harsh or gloomy appearance.

Questions about #285c99

What is #285c99 in RGB, HSL and CMYK?
In RGB, #285c99 is rgb(40, 92, 153), in HSL hsl(212, 59%, 38%) and in CMYK 74%, 40%, 0%, 40%.
What colors pair well with #285c99?
To keep #285c99 grounded and professional, pair it with soft neutral tones like light silver or warm off-white, which prevent the color from feeling too cold. It also works beautifully with subtle charcoal accents to create a balanced, high-contrast corporate palette.
Is #285c99 readable on white or black?
#285c99 has a 6.81:1 contrast ratio on white and 3.08: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.