#143B7F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Dark and strongly saturated, #143b7f is a cool blue with a shadowed, serious character. Its depth suggests authority, reliability, and security, making it effective for finance, technology, government, and corporate branding. Use it as a dominant UI or branding base with burgundy accents. White text remains highly legible, including body text. The hex code is #143b7f.
Questions about #143b7f
What is #143b7f in RGB, HSL and CMYK?
In RGB, #143b7f is rgb(20, 59, 127), in HSL hsl(218, 73%, 29%) and in CMYK 84%, 54%, 0%, 50%.
What colors pair well with #143b7f?
Burgundy and warm neutrals pair well with #143b7f, adding contrast without weakening its serious mood; white and pale blue keep interfaces clean, while soft gold provides a restrained accent for buttons or highlights.
Is #143b7f a warm or cool color?
#143b7f is a cool blue because its strong blue base and low lightness create a shadowed, crisp appearance rather than the warmth associated with red or yellow undertones in surrounding colors. It feels stable, formal, and reserved in most palettes.
Does #143b7f work with white text?
#143b7f provides strong contrast with white text, making white suitable for body copy and interface labels on this dark blue background when readability and accessibility are priorities across digital layouts. Black text has much less contrast, so reserve it for lighter tints or test the exact pairing.
Is #143b7f readable on white or black?
#143b7f has a 10.70:1 contrast ratio on white and 1.96: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.