#3F4818

#3F4818

Color Values

HEX

#3F4818

RGB

63, 72, 24

HSL

71.2, 50.0%, 18.8%

HSV

71.2, 66.7%, 28.2%

CMYK

12.5%, 0.0%, 66.7%, 71.8%

OKLCH

0.3821 0.0707 118.8

Properties

Cool Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#3F4818

#211848

Analogous

#483918

#274818

#3F4818

Triadic

#3F4818

#183F48

#48183F

Split Complementary

#3F4818

#182748

#391848

Tetradic

#3F4818

#184839

#211848

#481827

Color Blindness Simulation

Original

#3F4818

Protanopia

#434324

Deuteranopia

#424226

Tritanopia

#3F2D2F

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#F9FBF4
100
#F2F5E6
200
#E6EDC9
300
#D5E0A3
400
#BED071
500
#A7BF40
600
#869933
700
#6B7A29
800
#546020
900
#3E461B
950
#272C11

Contrast Checker

Text on white

9.76:1

AA Pass AAA Pass

Text on black

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