#3F561D

#3F561D

Color Values

HEX

#3F561D

RGB

63, 86, 29

HSL

84.2, 49.6%, 22.5%

HSV

84.2, 66.3%, 33.7%

CMYK

26.7%, 0.0%, 66.3%, 66.3%

OKLCH

0.4208 0.0871 128.3

Properties

Cool Dark Nearest: RAL 6025 Fern Green

Color Harmonies

Complementary

#3F561D

#341D56

Analogous

#56501D

#22561D

#3F561D

Triadic

#3F561D

#1D3F56

#561D3F

Split Complementary

#3F561D

#1D2256

#501D56

Tetradic

#3F561D

#1D5650

#341D56

#561D22

Color Blindness Simulation

Original

#3F561D

Protanopia

#49492B

Deuteranopia

#48462E

Tritanopia

#403638

Achromatopsia

#4D4D4D

CSS Usage

background-color: #3F561D;
color: #3F561D;
border-color: #3F561D;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F8FBF4
100
#EFF5E6
200
#DFEDCA
300
#C8E0A3
400
#AACF72
500
#8CBF40
600
#709933
700
#597A29
800
#465F20
900
#35461B
950
#212C11

Contrast Checker

Text on white

8.2:1

AA Pass AAA Pass

Text on black

2.56:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026