#3F3602

#3F3602

Color Values

HEX

#3F3602

RGB

63, 54, 2

HSL

51.1, 93.8%, 12.7%

HSV

51.1, 96.8%, 24.7%

CMYK

0.0%, 14.3%, 96.8%, 75.3%

OKLCH

0.3325 0.0672 98.6

Properties

Warm Dark Nearest: RAL 8008 Olive Brown

Color Harmonies

Complementary

#3F3602

#020B3F

Analogous

#3F1702

#293F02

#3F3602

Triadic

#3F3602

#023F36

#36023F

Split Complementary

#3F3602

#02293F

#17023F

Tetradic

#3F3602

#023F17

#020B3F

#3F0229

Color Blindness Simulation

Original

#3F3602

Protanopia

#3B3B0F

Deuteranopia

#3C3C12

Tritanopia

#3F191B

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#FDFCF1
100
#FBF7DF
200
#FDF3BA
300
#FBEA88
400
#F9DF48
500
#F7D408
600
#C6A906
700
#9E8705
800
#7C6A04
900
#594D08
950
#383105

Contrast Checker

Text on white

12.07:1

AA Pass AAA Pass

Text on black

1.74:1

AA Fail AAA Fail

Related Articles

Tutorials

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

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026