#145A88 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, deep blue provides a stable foundation for corporate and tech-focused UI designs. Because it lacks extreme brightness, it functions best as a dominant base color rather than an accent. It maintains strong readability with white text, offering a solid 7.4:1 contrast ratio. When you need a professional, secure palette, the hex code #145a88 pairs effectively with crisp light grays to avoid a gloomy appearance.
Questions about #145a88
What is #145a88 in RGB, HSL and CMYK?
In RGB, #145a88 is rgb(20, 90, 136), in HSL hsl(204, 74%, 31%) and in CMYK 85%, 34%, 0%, 47%.
What makes #145a88 a good choice for user interfaces?
The color #145a88 provides a high-contrast foundation that maintains excellent readability when paired with white text, making it ideal for buttons, headers, or backgrounds in professional dashboards. It feels secure and grounded rather than overly energetic or distracting to users.
What colors pair well with #145a88 for a clean palette?
To avoid a gloomy appearance, pair #145a88 with crisp light gray or soft off-whites that lift the depth of the blue. For a more sophisticated look, subtle cream tones can soften the overall impact while keeping the interface feeling professional.
Is #145a88 readable on white or black?
#145a88 has a 7.37:1 contrast ratio on white and 2.84: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.