#3DBC48

#3DBC48

Color Values

HEX

#3DBC48

RGB

61, 188, 72

HSL

125.2, 51.0%, 48.8%

HSV

125.2, 67.6%, 73.7%

CMYK

67.6%, 0.0%, 61.7%, 26.3%

OKLCH

0.7015 0.1918 144.5

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#3DBC48

#BC3DB1

Analogous

#71BC3D

#3DBC87

#3DBC48

Triadic

#3DBC48

#483DBC

#BC483D

Split Complementary

#3DBC48

#873DBC

#BC3D71

Tetradic

#3DBC48

#3D71BC

#BC3DB1

#BC873D

Color Blindness Simulation

Original

#3DBC48

Protanopia

#747564

Deuteranopia

#6D636B

Tritanopia

#437A7F

Achromatopsia

#999999

CSS Usage

background-color: #3DBC48;
color: #3DBC48;
border-color: #3DBC48;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F4FBF5
100
#E5F5E7
200
#C9EECC
300
#A3E1A8
400
#71D179
500
#3EC14A
600
#329A3B
700
#287B2F
800
#1F6025
900
#1A471E
950
#112D13

Contrast Checker

Text on white

2.47:1

AA Fail AAA Fail

Text on black

8.49:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026