#3D7742

#3D7742

Color Values

HEX

#3D7742

RGB

61, 119, 66

HSL

125.2, 32.2%, 35.3%

HSV

125.2, 48.7%, 46.7%

CMYK

48.7%, 0.0%, 44.5%, 53.3%

OKLCH

0.5156 0.1022 145.7

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#3D7742

#773D72

Analogous

#55773D

#3D775F

#3D7742

Triadic

#3D7742

#423D77

#77423D

Split Complementary

#3D7742

#5F3D77

#773D55

Tetradic

#3D7742

#3D5577

#773D72

#775F3D

Color Blindness Simulation

Original

#3D7742

Protanopia

#56574F

Deuteranopia

#534E52

Tritanopia

#40595B

Achromatopsia

#676767

CSS Usage

background-color: #3D7742;
color: #3D7742;
border-color: #3D7742;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F5F9F6
100
#E8F2E9
200
#D0E7D2
300
#AED6B2
400
#82BF88
500
#56A95E
600
#45874B
700
#376C3C
800
#2B542F
900
#223E25
950
#162717

Contrast Checker

Text on white

5.36:1

AA Pass AAA Fail

Text on black

3.92:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026