#3F7232

#3F7232

Color Values

HEX

#3F7232

RGB

63, 114, 50

HSL

107.8, 39.0%, 32.2%

HSV

107.8, 56.1%, 44.7%

CMYK

44.7%, 0.0%, 56.1%, 55.3%

OKLCH

0.5003 0.1099 139.6

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#3F7232

#653272

Analogous

#5F7232

#327245

#3F7232

Triadic

#3F7232

#323F72

#72323F

Split Complementary

#3F7232

#453272

#72325F

Tetradic

#3F7232

#325F72

#653272

#724532

Color Blindness Simulation

Original

#3F7232

Protanopia

#555641

Deuteranopia

#524E45

Tritanopia

#424E50

Achromatopsia

#636363

CSS Usage

background-color: #3F7232;
color: #3F7232;
border-color: #3F7232;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F6FAF5
100
#EAF3E7
200
#D3E9CD
300
#B4DAAA
400
#8BC57C
500
#62B14E
600
#4E8E3E
700
#3F7132
800
#315927
900
#26411F
950
#182914

Contrast Checker

Text on white

5.73:1

AA Pass AAA Fail

Text on black

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