#3D8048

#3D8048

Color Values

HEX

#3D8048

RGB

61, 128, 72

HSL

129.9, 35.4%, 37.1%

HSV

129.9, 52.3%, 50.2%

CMYK

52.3%, 0.0%, 43.8%, 49.8%

OKLCH

0.5411 0.11 147.4

Properties

Cool Dark Nearest: RAL 6032 Signal Green

Color Harmonies

Complementary

#3D8048

#803D75

Analogous

#54803D

#3D806A

#3D8048

Triadic

#3D8048

#483D80

#80483D

Split Complementary

#3D8048

#6A3D80

#803D54

Tetradic

#3D8048

#3D5480

#803D75

#806A3D

Color Blindness Simulation

Original

#3D8048

Protanopia

#5A5B56

Deuteranopia

#565159

Tritanopia

#406063

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F5FAF6
100
#E8F3EA
200
#CFE8D3
300
#ACD7B3
400
#7FC28A
500
#52AD61
600
#428A4E
700
#356E3E
800
#295631
900
#214026
950
#152818

Contrast Checker

Text on white

4.79:1

AA Pass AAA Fail

Text on black

4.38: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