#336D66

A dark, moderate cyan closely aligning with Teal.

About #336D66

The precise color #336D66 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Teal. Its digital footprint relies on 51 parts red, 109 parts green, and 102 parts blue light.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 53% cyan and 0% magenta inks. With a hue angle of 172.8 degrees, it sits comfortably in the cyan spectrum.

When using this color as a background, text legibility must be considered. Because it is a dark color, it is generally recommended to use #FFFFFF text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#336D66
RGB51, 109, 102
HSL172.8°, 36.2%, 31.4%
CMYK53%, 0%, 6%, 57%
HSV172.8°, 53.2%, 42.7%
LAB42.2, -20.8, -1.9
XYZ9.2, 12.6, 14.5
Decimal3370342

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

5.97:1
Text on #FFFFFF
AA
3.52:1
Text on #000000
AA Large
5.70:1
Text on #F8FAFC
AA
2.99:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #336D66; }
.text-color { color: #336D66; }
.border-color { border: 2px solid #336D66; }

Similar Colors

Teal
#008080