#335F42

A dark, moderate green closely aligning with Darkslategray.

About #335F42

When working with digital screens, the color #335F42 is rendered by mixing light. It is closely associated with the named CSS color Darkslategray. To achieve this exact tint on a monitor, you would use an RGB mix of 51, 95, and 66.

Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 46% C, 0% M, 31% Y, and 63% K. With a hue angle of 140.5 degrees, it sits comfortably in the green spectrum.

Ensuring your text is legible against this background is a key part of web design. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#335F42
RGB51, 95, 66
HSL140.5°, 30.1%, 28.6%
CMYK46%, 0%, 31%, 63%
HSV140.5°, 46.3%, 37.3%
LAB36.5, -22.5, 12.0
XYZ6.4, 9.3, 6.6
Decimal3366722

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

7.35:1
Text on #FFFFFF
AAA
2.86:1
Text on #000000
FAIL
7.03:1
Text on #F8FAFC
AAA
2.43:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #335F42; }
.text-color { color: #335F42; }
.border-color { border: 2px solid #335F42; }

Similar Colors

Darkslategray
#2F4F4F