#223B45 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated, dark cyan carries a dusty, muted quality that reads as professional rather than bright. The hex code #223b45 works best as a moody background or a grounding anchor in tech-focused interfaces. Its high contrast ratio against white text makes it a reliable choice for readable UI. Use it alongside soft peaches or warm greys to cut through its inherent severity.
Questions about #223b45
What is #223b45 in RGB, HSL and CMYK?
In RGB, #223b45 is rgb(34, 59, 69), in HSL hsl(197, 34%, 20%) and in CMYK 51%, 14%, 0%, 73%.
What colors pair well with #223b45 for UI design?
Use #223b45 alongside soft peach tones or warm light gray shades to balance its inherent severity. These lighter colors cut through the density of this dark cyan, making your text and interface elements feel more accessible and human-centered.
Is #223b45 a good choice for text-heavy backgrounds?
Yes, #223b45 provides an excellent high-contrast ratio when paired with white or very light off-white text. Its desaturated, muted quality prevents the eye strain often caused by pure black or overly bright, saturated navy backgrounds in digital reading environments.
Is #223b45 readable on white or black?
#223b45 has a 11.80:1 contrast ratio on white and 1.77: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.