#3C5354 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, dusty cyan acts as a moody, serious base for tech-focused interfaces. Because it is desaturated, it avoids the harshness of pure black while providing excellent legibility. White text creates strong contrast against this shade, making it highly readable for UI elements. The hex code for this color is #3c5354. Use it as a solid background to maintain a professional, grounded aesthetic.
Questions about #3c5354
What is #3c5354 in RGB, HSL and CMYK?
In RGB, #3c5354 is rgb(60, 83, 84), in HSL hsl(183, 17%, 28%) and in CMYK 29%, 1%, 0%, 67%.
How does #3c5354 function in modern UI design?
Use #3c5354 as a sophisticated background to replace harsh black, offering improved legibility and a softer visual experience. It works exceptionally well in technical or productivity-focused interfaces where you need a grounded, serious aesthetic that remains easy on the eyes.
What colors pair well with #3c5354 for a balanced palette?
Pair #3c5354 with warm beige or soft creams to neutralize its cool, dusty undertones and create a welcoming, high-contrast look. If you prefer a monochromatic scheme, accent it with light gray or deeper charcoal tones to maintain its professional, moody atmosphere.
Is #3c5354 readable on white or black?
#3c5354 has a 8.21:1 contrast ratio on white and 2.55: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.