#3B332F

#3B332F

Color Values

HEX

#3B332F

RGB

59, 51, 47

HSL

20.0, 11.3%, 20.8%

HSV

20.0, 20.3%, 23.1%

CMYK

0.0%, 13.6%, 20.3%, 76.9%

OKLCH

0.3282 0.0135 48.3

Properties

Warm Dark Nearest: RAL 7022 Umbra Grey

Color Harmonies

Complementary

#3B332F

#2F373B

Analogous

#3B2F31

#3B392F

#3B332F

Triadic

#3B332F

#2F3B33

#332F3B

Split Complementary

#3B332F

#2F3B39

#2F313B

Tetradic

#3B332F

#313B2F

#2F373B

#392F3B

Color Blindness Simulation

Original

#3B332F

Protanopia

#383730

Deuteranopia

#383930

Tritanopia

#3B3131

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFEDEB
200
#DFDAD7
300
#C9BFBB
400
#AB9D96
500
#8E7B71
600
#72625A
700
#5B4F48
800
#473D39
900
#352F2C
950
#221E1B

Contrast Checker

Text on white

12.35:1

AA Pass AAA Pass

Text on black

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