#033D4F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark teal shade carries a heavy, serious mood with its muted, unsaturated quality. Because it is so deep, #033d4f works well as a grounding background in dark-mode UI designs. It provides excellent contrast for white text, keeping your content readable without relying on black. Pair this color with warm, bright oranges to create a striking, balanced visual pop. The hex code for this color is #033d4f.
Questions about #033d4f
What is #033d4f in RGB, HSL and CMYK?
In RGB, #033d4f is rgb(3, 61, 79), in HSL hsl(194, 93%, 16%) and in CMYK 96%, 23%, 0%, 69%.
What colors pair well with #033d4f for UI design?
Pair #033d4f with bright orange or mustard yellow to create a high-contrast visual pop against its deep, desaturated base. These warm tones balance the cool, heavy nature of the teal, ensuring the interface feels dynamic rather than strictly somber.
Is #033d4f readable on white or black?
#033d4f has a 11.76:1 contrast ratio on white and 1.78: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.