#3F4623

#3F4623

Color Values

HEX

#3F4623

RGB

63, 70, 35

HSL

72.0, 33.3%, 20.6%

HSV

72.0, 50.0%, 27.5%

CMYK

10.0%, 0.0%, 50.0%, 72.5%

OKLCH

0.3784 0.055 118.4

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#3F4623

#2A2346

Analogous

#463C23

#2E4623

#3F4623

Triadic

#3F4623

#233F46

#46233F

Split Complementary

#3F4623

#232E46

#3C2346

Tetradic

#3F4623

#23463C

#2A2346

#46232E

Color Blindness Simulation

Original

#3F4623

Protanopia

#42422B

Deuteranopia

#42412E

Tritanopia

#3F3234

Achromatopsia

#424242

CSS Usage

background-color: #3F4623;
color: #3F4623;
border-color: #3F4623;
Nearest Tailwind: Lime 950 #1A2E05

Tailwind Shades

50
#F9FAF5
100
#F0F2E8
200
#E2E7CF
300
#CED6AD
400
#B4C081
500
#99AA55
600
#7A8844
700
#626D36
800
#4C552B
900
#393F22
950
#242815

Contrast Checker

Text on white

9.94:1

AA Pass AAA Pass

Text on black

2.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