#3F3C06

#3F3C06

Color Values

HEX

#3F3C06

RGB

63, 60, 6

HSL

56.8, 82.6%, 13.5%

HSV

56.8, 90.5%, 24.7%

CMYK

0.0%, 4.8%, 90.5%, 75.3%

OKLCH

0.3484 0.07 106.1

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#3F3C06

#06093F

Analogous

#3F1F06

#253F06

#3F3C06

Triadic

#3F3C06

#063F3C

#3C063F

Split Complementary

#3F3C06

#06253F

#1F063F

Tetradic

#3F3C06

#063F1F

#06093F

#3F0625

Color Blindness Simulation

Original

#3F3C06

Protanopia

#3E3E13

Deuteranopia

#3E3E16

Tritanopia

#3F1D20

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#FDFCF2
100
#FAF8E1
200
#F9F6BE
300
#F4EF8F
400
#EFE653
500
#E9DE16
600
#BAB112
700
#958E0E
800
#746F0B
900
#54510C
950
#353308

Contrast Checker

Text on white

11.29:1

AA Pass AAA Pass

Text on black

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