#2C5355 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated teal reads as a muted, dusty slate. It brings a grounded and serious mood to layouts, making it an ideal choice for dark mode UI backgrounds. Pair #2c5355 with crisp white text to maintain high contrast and readability. Because it is quite dark, use this hex code as a dominant base rather than an accent to avoid overwhelming your design.
Questions about #2c5355
What is #2c5355 in RGB, HSL and CMYK?
In RGB, #2c5355 is rgb(44, 83, 85), in HSL hsl(183, 32%, 25%) and in CMYK 48%, 2%, 0%, 67%.
Where should I use #2c5355 in a user interface?
#2c5355 performs best as a dominant background color for dark mode interfaces because its desaturated tone reduces eye strain. Pair it with crisp white or off-white text to ensure the high readability needed for professional, serious design projects.
What colors pair well with #2c5355?
Is #2c5355 readable on white or black?
#2c5355 has a 8.48:1 contrast ratio on white and 2.47: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.