#3F3630

#3F3630

Color Values

HEX

#3F3630

RGB

63, 54, 48

HSL

24.0, 13.5%, 21.8%

HSV

24.0, 23.8%, 24.7%

CMYK

0.0%, 14.3%, 23.8%, 75.3%

OKLCH

0.3404 0.0164 55.8

Properties

Warm Dark Nearest: RAL 6006 Grey Olive

Color Harmonies

Complementary

#3F3630

#30393F

Analogous

#3F3032

#3F3E30

#3F3630

Triadic

#3F3630

#303F36

#36303F

Split Complementary

#3F3630

#303F3E

#30323F

Tetradic

#3F3630

#323F30

#30393F

#3E303F

Color Blindness Simulation

Original

#3F3630

Protanopia

#3B3B31

Deuteranopia

#3C3C32

Tritanopia

#3F3333

Achromatopsia

#373737

CSS Usage

background-color: #3F3630;
color: #3F3630;
border-color: #3F3630;
Nearest Tailwind: Stone 700 #44403C

Tailwind Shades

50
#F8F7F6
100
#EFEDEB
200
#E0DAD6
300
#CAC0BA
400
#AD9E94
500
#917C6E
600
#746358
700
#5D4F47
800
#483E37
900
#362F2B
950
#221E1B

Contrast Checker

Text on white

11.79:1

AA Pass AAA Pass

Text on black

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