#3F4036

#3F4036

Color Values

HEX

#3F4036

RGB

63, 64, 54

HSL

66.0, 8.5%, 23.1%

HSV

66.0, 15.6%, 25.1%

CMYK

1.6%, 0.0%, 15.6%, 74.9%

OKLCH

0.3672 0.0167 111.9

Properties

Cool Dark Nearest: RAL 6006 Grey Olive

Color Harmonies

Complementary

#3F4036

#373640

Analogous

#403C36

#3A4036

#3F4036

Triadic

#3F4036

#363F40

#40363F

Split Complementary

#3F4036

#363A40

#3C3640

Tetradic

#3F4036

#36403C

#373640

#40363A

Color Blindness Simulation

Original

#3F4036

Protanopia

#3F3F38

Deuteranopia

#3F3F39

Tritanopia

#3F3A3B

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEEEC
200
#DEDED8
300
#C6C7BD
400
#A7A999
500
#888A75
600
#6D6F5D
700
#57594B
800
#44453A
900
#33342D
950
#20211C

Contrast Checker

Text on white

10.51:1

AA Pass AAA Pass

Text on black

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