#3C362F

#3C362F

Color Values

HEX

#3C362F

RGB

60, 54, 47

HSL

32.3, 12.1%, 21.0%

HSV

32.3, 21.7%, 23.5%

CMYK

0.0%, 10.0%, 21.7%, 76.5%

OKLCH

0.3368 0.0146 71.6

Properties

Warm Dark Nearest: RAL 6006 Grey Olive

Color Harmonies

Complementary

#3C362F

#2F353C

Analogous

#3C302F

#3C3C2F

#3C362F

Triadic

#3C362F

#2F3C36

#362F3C

Split Complementary

#3C362F

#2F3C3C

#302F3C

Tetradic

#3C362F

#2F3C30

#2F353C

#3C2F3C

Color Blindness Simulation

Original

#3C362F

Protanopia

#393931

Deuteranopia

#3A3A31

Tritanopia

#3C3232

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFEDEB
200
#E0DCD7
300
#C9C2BA
400
#ACA295
500
#8F8170
600
#72675A
700
#5B5248
800
#474038
900
#36312B
950
#221F1B

Contrast Checker

Text on white

11.93:1

AA Pass AAA Pass

Text on black

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