#102C5C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This deep, desaturated blue carries a formal weight, making it a reliable choice for professional branding and corporate UI. Because #102c5c is quite dark, it functions best as a dominant base rather than an accent. It provides excellent contrast for white text, ensuring high legibility. Pair this hex code with soft grays or creams to keep your design from feeling overly cold or heavy.
Questions about #102c5c
What is #102c5c in RGB, HSL and CMYK?
In RGB, #102c5c is rgb(16, 44, 92), in HSL hsl(218, 70%, 21%) and in CMYK 83%, 52%, 0%, 64%.
What colors pair well with #102c5c for branding?
#102c5c works best when balanced by neutrals to prevent the design from feeling overly heavy or cold. Use soft creams or light grays to ground this deep blue, or add a touch of mustard for a sharp, sophisticated accent.
Is #102c5c suitable for text-heavy corporate interfaces?
Yes, #102c5c is an excellent choice for corporate UI because it provides strong, reliable contrast against white backgrounds. It remains legible and readable, conveying a sense of authority and stability that works well for primary buttons or navigation bars.
Is #102c5c readable on white or black?
#102c5c has a 13.66:1 contrast ratio on white and 1.53: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.