#3F3F36

#3F3F36

Color Values

HEX

#3F3F36

RGB

63, 63, 54

HSL

60.0, 7.7%, 22.9%

HSV

60.0, 14.3%, 24.7%

CMYK

0.0%, 0.0%, 14.3%, 75.3%

OKLCH

0.3647 0.015 107.1

Properties

Warm Dark Nearest: RAL 6006 Grey Olive

Color Harmonies

Complementary

#3F3F36

#36363F

Analogous

#3F3A36

#3A3F36

#3F3F36

Triadic

#3F3F36

#363F3F

#3F363F

Split Complementary

#3F3F36

#363A3F

#3A363F

Tetradic

#3F3F36

#363F3A

#36363F

#3F363A

Color Blindness Simulation

Original

#3F3F36

Protanopia

#3F3F38

Deuteranopia

#3F3F39

Tritanopia

#3F3A3A

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEEEC
200
#DEDED9
300
#C7C7BD
400
#A8A899
500
#898976
600
#6E6E5E
700
#58584B
800
#45453B
900
#34342D
950
#21211C

Contrast Checker

Text on white

10.63:1

AA Pass AAA Pass

Text on black

1.98:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026