#235E77 Hex Color

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

Hex color #235e77 graphic
This desaturated, dusty blue carries a serious, professional weight. Because of its muted character, #235e77 serves best as a dominant base for corporate tech or finance layouts. It offers enough contrast for white text to remain readable, making it a reliable choice for UI backgrounds. Pair it with soft, warm creams rather than bright whites to keep the palette from feeling too harsh or clinical.

Questions about #235e77

What is #235e77 in RGB, HSL and CMYK?
In RGB, #235e77 is rgb(35, 94, 119), in HSL hsl(198, 55%, 30%) and in CMYK 71%, 21%, 0%, 53%.
Does #235e77 work well for text or just backgrounds?
#235e77 works best as a background color because its muted intensity provides excellent contrast for white or light cream text. If you attempt to use it as a text color, ensure your background is very pale to maintain readability.
What colors pair well with #235e77 for a professional design?
Pair #235e77 with soft, warm creams rather than bright whites to prevent the design from appearing too clinical or harsh. It also creates a sophisticated, grounded balance when accented with a deep charcoal or a muted, earthy taupe for secondary elements.
Is #235e77 readable on white or black?
#235e77 has a 7.14:1 contrast ratio on white and 2.93: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 is too faint for text. Try other pairs in the contrast checker.