#336D50

A dark, moderate green closely aligning with Seagreen.

About #336D50

When working with digital screens, the color #336D50 is rendered by mixing light. If you're using CSS, you might find it aligns closely with Seagreen. Its digital footprint relies on 51 parts red, 109 parts green, and 80 parts blue light.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 53% cyan and 0% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. 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#336D50
RGB51, 109, 80
HSL150.0°, 36.2%, 31.4%
CMYK53%, 0%, 27%, 57%
HSV150.0°, 53.2%, 42.7%
LAB41.6, -26.5, 10.5
XYZ8.3, 12.2, 9.5
Decimal3370320

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

6.10:1
Text on #FFFFFF
AA
3.44:1
Text on #000000
AA Large
5.83:1
Text on #F8FAFC
AA
2.93:1
Text on #0F172A
FAIL

CSS Implementation

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

Similar Colors

Seagreen
#2E8B57