Skip to main content
ToolsHub
#3D8A6E

#3D8A6E Color — #3D8A6E

Complete color reference for #3D8A6E: conversions to RGB, HSL, HSV, CMYK, color harmonies, shades & tints scale, and WCAG accessibility contrast ratios.

Color Format Conversions

HEX#3D8A6E
RGBrgb(61, 138, 110)
HSLhsl(158, 39%, 39%)
HSVhsv(158, 56%, 54%)
CMYKC:56% M:0% Y:20% K:46%
CSS Color#3D8A6E
Decimal4033134
Luminance0.2029

WCAG Accessibility Contrast

#3D8A6E on White
Ratio: 4.15:1 — AA Large
#3D8A6E on Black
Ratio: 5.06:1 — AA
White on #3D8A6E
Ratio: 4.15:1 — AA Large
Black on #3D8A6E
Ratio: 5.06:1 — AA

WCAG AA requires ≥4.5:1 (normal text) or ≥3:1 (large text). WCAG AAA requires ≥7:1.

Shades & Tints Scale

50#F5F9F8
100#E2EDE9
200#C5DCD4
300#A8CABE
400#81B3A1
500#3D8A6E
600#316E58
700#255342
800#18372C
900#0F231C

Steps 50–400 are tints (mixed with white); 500 is the base color; 600–900 are shades (mixed with black).

Color Harmonies

Related Color Tools

Frequently Asked Questions

What is the RGB equivalent of #3D8A6E?

The RGB equivalent is rgb(61, 138, 110). The red channel is 61, green is 138, and blue is 110 (scale 0–255).

What is the HSL value of #3D8A6E?

The HSL value is hsl(158, 39%, 39%). Hue is 158°, saturation is 39%, and lightness is 39%.

Does #3D8A6E meet WCAG accessibility standards?

On a white background, #3D8A6E achieves a 4.15:1 contrast ratio (AA Large). On a black background it achieves 5.06:1 (AA). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #3D8A6E?

The complementary color (180° opposite on the hue wheel) of #3D8A6E is #8A3D59.