#3F3C33

#3F3C33

Color Values

HEX

#3F3C33

RGB

63, 60, 51

HSL

45.0, 10.5%, 22.4%

HSV

45.0, 19.0%, 24.7%

CMYK

0.0%, 4.8%, 19.0%, 75.3%

OKLCH

0.3562 0.0156 91.7

Properties

Warm Dark Nearest: RAL 6006 Grey Olive

Color Harmonies

Complementary

#3F3C33

#33363F

Analogous

#3F3633

#3C3F33

#3F3C33

Triadic

#3F3C33

#333F3C

#3C333F

Split Complementary

#3F3C33

#333C3F

#36333F

Tetradic

#3F3C33

#333F36

#33363F

#3F333C

Color Blindness Simulation

Original

#3F3C33

Protanopia

#3E3E35

Deuteranopia

#3E3E36

Tritanopia

#3F3737

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EFEEEC
200
#DFDDD8
300
#C8C5BB
400
#ABA697
500
#8D8672
600
#716B5B
700
#5A5649
800
#464339
900
#35332C
950
#21201C

Contrast Checker

Text on white

11.02:1

AA Pass AAA Pass

Text on black

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