#223B63 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Dark and muted, #223b63 is a cool blue with gray undertones and a matte, restrained finish. Its serious character suits security, finance, government, and corporate branding, while burgundy or warm ivory add contrast without losing authority. Use it as a dominant UI background or formal supporting tone; white text remains highly legible. The hex code is #223b63.
Questions about #223b63
What is #223b63 in RGB, HSL and CMYK?
In RGB, #223b63 is rgb(34, 59, 99), in HSL hsl(217, 49%, 26%) and in CMYK 66%, 40%, 0%, 61%.
What colors pair well with #223b63?
#223b63 pairs well with warm ivory, burgundy, and muted gold accents because its cool, dark base benefits from measured warmth. Use ivory for calm contrast and burgundy for a richer, more formal palette.
Does #223b63 look warm or cool?
#223b63 reads as a cool blue because its dark blue base is softened by gray undertones. That restrained temperature works well in formal designs, especially when balanced with warm ivory or muted earth tones.
Is #223b63 suitable for white text?
White text has strong contrast on #223b63, making the dark blue background suitable for buttons, navigation, and large interface areas. Check the final text size and weight in context to maintain comfortable readability.
Is #223b63 readable on white or black?
#223b63 has a 11.20:1 contrast ratio on white and 1.87: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.