#3F6441

#3F6441

Color Values

HEX

#3F6441

RGB

63, 100, 65

HSL

123.2, 22.7%, 32.0%

HSV

123.2, 37.0%, 39.2%

CMYK

37.0%, 0.0%, 35.0%, 60.8%

OKLCH

0.4651 0.0702 145.6

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#3F6441

#643F62

Analogous

#50643F

#3F6454

#3F6441

Triadic

#3F6441

#413F64

#64413F

Split Complementary

#3F6441

#543F64

#643F50

Tetradic

#3F6441

#3F5064

#643F62

#64543F

Color Blindness Simulation

Original

#3F6441

Protanopia

#4F4F49

Deuteranopia

#4D4A4C

Tritanopia

#415052

Achromatopsia

#5A5A5A

CSS Usage

background-color: #3F6441;
color: #3F6441;
border-color: #3F6441;
Nearest Tailwind: Green 900 #14532D

Tailwind Shades

50
#F6F9F6
100
#EAF1EA
200
#D3E3D4
300
#B4D0B5
400
#8BB68E
500
#639C66
600
#4F7D51
700
#3F6441
800
#314E33
900
#273A28
950
#182519

Contrast Checker

Text on white

6.75:1

AA Pass AAA Fail

Text on black

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