#336C75 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#336c75 is a dark, muted cyan with cool blue-green undertones and low saturation. Its dusty quality creates a serious, mysterious mood while retaining a refreshing edge. Use it as a dominant UI or branding base, paired with warm cream or muted coral. White text remains readable for body copy at about 5.9:1 contrast. The hex code is #336c75.
Questions about #336c75
What is #336c75 in RGB, HSL and CMYK?
In RGB, #336c75 is rgb(51, 108, 117), in HSL hsl(188, 39%, 33%) and in CMYK 56%, 8%, 0%, 54%. Browse more shades of blue with names and hex codes.
What colors pair well with #336c75?
Warm cream and muted coral balance #336c75’s cool, dusty cyan character, while charcoal can reinforce its serious mood. Use cream for softer layouts and coral as a restrained accent rather than a dominant competing hue.
Does #336c75 feel warm or cool?
#336c75 reads as cool because its blue-green undertones outweigh its muted cyan base, creating a calm, reserved mood with a slightly mysterious edge. It works well for focused interfaces, outdoor-inspired branding, and backgrounds that need more depth than pale teal.
Is #336c75 readable on white or black?
#336c75 has a 5.92:1 contrast ratio on white and 3.54: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.