#335742
A dark, muted green closely aligning with Darkslategray.
About #335742
Visually, #335742 is defined as a muted green. If you're using CSS, you might find it aligns closely with Darkslategray. To achieve this exact tint on a monitor, you would use an RGB mix of 51, 87, and 66.
For print applications, it's crucial to understand its CMYK makeup. The color uses 41% Cyan, 0% Magenta, 24% Yellow, and 66% Black. Always request a physical proof before doing a large print run with this exact code.
From a UX and accessibility standpoint, contrast is paramount. 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#335742
RGB51, 87, 66
HSL145.0°, 26.1%, 27.1%
CMYK41%, 0%, 24%, 66%
HSV145.0°, 41.4%, 34.1%
LAB33.8, -18.3, 8.2
XYZ5.8, 7.9, 6.4
Decimal3364674
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
8.13:1
Text on #FFFFFF
AAA
2.58:1
Text on #000000
FAIL
7.77:1
Text on #F8FAFC
AAA
2.20:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #335742;
}
.text-color {
color: #335742;
}
.border-color {
border: 2px solid #335742;
}