#332F21

#332F21

Color Values

HEX

#332F21

RGB

51, 47, 33

HSL

46.7, 21.4%, 16.5%

HSV

46.7, 35.3%, 20.0%

CMYK

0.0%, 7.8%, 35.3%, 80.0%

OKLCH

0.305 0.0244 94.0

Properties

Warm Dark Nearest: RAL 6008 Brown Green

Color Harmonies

Complementary

#332F21

#212533

Analogous

#332621

#2E3321

#332F21

Triadic

#332F21

#21332F

#2F2133

Split Complementary

#332F21

#212E33

#262133

Tetradic

#332F21

#213326

#212533

#33212E

Color Blindness Simulation

Original

#332F21

Protanopia

#313124

Deuteranopia

#323225

Tritanopia

#332728

Achromatopsia

#2F2F2F

CSS Usage

background-color: #332F21;
color: #332F21;
border-color: #332F21;
Nearest Tailwind: Stone 800 #292524

Tailwind Shades

50
#F9F8F6
100
#F0EFEA
200
#E3E0D4
300
#CFC9B5
400
#B5AC8C
500
#9B8F64
600
#7C7250
700
#635B40
800
#4D4732
900
#3A3627
950
#242219

Contrast Checker

Text on white

13.38:1

AA Pass AAA Pass

Text on black

1.57:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026