#3D8544

#3D8544

Color Values

HEX

#3D8544

RGB

61, 133, 68

HSL

125.8, 37.1%, 38.0%

HSV

125.8, 54.1%, 52.2%

CMYK

54.1%, 0.0%, 48.9%, 47.8%

OKLCH

0.5539 0.1217 145.6

Properties

Cool Light Nearest: RAL 6024 Traffic Green

Color Harmonies

Complementary

#3D8544

#853D7E

Analogous

#5A853D

#3D8568

#3D8544

Triadic

#3D8544

#443D85

#85443D

Split Complementary

#3D8544

#683D85

#853D5A

Tetradic

#3D8544

#3D5A85

#853D7E

#85683D

Color Blindness Simulation

Original

#3D8544

Protanopia

#5C5D54

Deuteranopia

#585358

Tritanopia

#416063

Achromatopsia

#717171

CSS Usage

background-color: #3D8544;
color: #3D8544;
border-color: #3D8544;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F5FAF5
100
#E8F3E9
200
#CEE9D1
300
#ABD9AF
400
#7EC484
500
#50AF59
600
#408C47
700
#337039
800
#28572D
900
#204123
950
#142916

Contrast Checker

Text on white

4.53:1

AA Pass AAA Fail

Text on black

4.64:1

AA Pass 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