#042F33 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, desaturated cyan carries a moody and serious weight. Because it is so dim, #042f33 works best as a grounding background rather than a focal point. It provides excellent contrast for white text, making it a solid choice for dark mode UI interfaces. Pair this hex code with warm terracotta or mustard yellow accents to balance its heavy, cool undertones.
Questions about #042f33
What is #042f33 in RGB, HSL and CMYK?
In RGB, #042f33 is rgb(4, 47, 51), in HSL hsl(185, 85%, 11%) and in CMYK 92%, 8%, 0%, 80%.
How do you best use #042f33 in a UI design?
#042f33 serves best as a grounding background color because it provides excellent contrast for white text, ensuring high legibility for dark mode interfaces. Use it as a solid foundation rather than an accent to maintain its subtle, professional mood.
Which colors pair well with #042f33?
This deep, cool-toned cyan balances beautifully with warm terracotta or vibrant mustard yellow accents. These warm, earthy tones prevent the overall design from feeling too cold while adding necessary visual interest and depth to your palette.
Is #042f33 readable on white or black?
#042f33 has a 14.38:1 contrast ratio on white and 1.45: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.