#3F5518

#3F5518

Color Values

HEX

#3F5518

RGB

63, 85, 24

HSL

81.6, 56.0%, 21.4%

HSV

81.6, 71.8%, 33.3%

CMYK

25.9%, 0.0%, 71.8%, 66.7%

OKLCH

0.4175 0.0901 127.0

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#3F5518

#2E1855

Analogous

#554D18

#215518

#3F5518

Triadic

#3F5518

#183F55

#55183F

Split Complementary

#3F5518

#182155

#4D1855

Tetradic

#3F5518

#18554D

#2E1855

#551821

Color Blindness Simulation

Original

#3F5518

Protanopia

#494927

Deuteranopia

#47462A

Tritanopia

#403235

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#F0F6E5
200
#E1EFC7
300
#CBE4A0
400
#AFD56C
500
#93C738
600
#769F2D
700
#5E7F24
800
#4A631C
900
#374918
950
#232E0F

Contrast Checker

Text on white

8.32:1

AA Pass AAA Pass

Text on black

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