#3F7440

#3F7440

Color Values

HEX

#3F7440

RGB

63, 116, 64

HSL

121.1, 29.6%, 35.1%

HSV

121.1, 45.7%, 45.5%

CMYK

45.7%, 0.0%, 44.8%, 54.5%

OKLCH

0.5081 0.0984 144.3

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#3F7440

#743F73

Analogous

#59743F

#3F745A

#3F7440

Triadic

#3F7440

#403F74

#74403F

Split Complementary

#3F7440

#5A3F74

#743F59

Tetradic

#3F7440

#3F5974

#743F73

#745A3F

Color Blindness Simulation

Original

#3F7440

Protanopia

#56564D

Deuteranopia

#534F50

Tritanopia

#425759

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F5F9F5
100
#E9F2E9
200
#D1E6D1
300
#B0D4B0
400
#85BD86
500
#5AA55B
600
#488449
700
#396A3A
800
#2D532E
900
#243D24
950
#162717

Contrast Checker

Text on white

5.55:1

AA Pass AAA Fail

Text on black

3.78:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026