#143A7A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, muted blue carries a formal weight, making it a standard choice for corporate and legal branding. With its high saturation, #143a7a serves as an excellent anchor for UI backgrounds or full-bleed layouts. Because the hex code provides strong contrast, white text remains highly legible against it. Pair it with soft cream or muted gold to cut its chilly, authoritative presence.
Questions about #143a7a
What is #143a7a in RGB, HSL and CMYK?
In RGB, #143a7a is rgb(20, 58, 122), in HSL hsl(218, 72%, 28%) and in CMYK 84%, 52%, 0%, 52%.
What colors pair best with #143a7a for a balanced design?
Because #143a7a carries a chilly, authoritative presence, it benefits from balancing with warmer tones. Pairing it with cream or muted gold effectively cuts the intensity of the blue while maintaining a sophisticated, high-end corporate aesthetic.
Is #143a7a a good choice for text-heavy UI interfaces?
Yes, #143a7a is an excellent choice for backgrounds in UI design because it offers a very strong contrast ratio when paired with white text. Its high saturation ensures readability while establishing a sense of structure and reliability for users.
Is #143a7a readable on white or black?
#143a7a has a 10.96:1 contrast ratio on white and 1.91: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.