#332C14

#332C14

Color Values

HEX

#332C14

RGB

51, 44, 20

HSL

46.5, 43.7%, 13.9%

HSV

46.5, 60.8%, 20.0%

CMYK

0.0%, 13.7%, 60.8%, 80.0%

OKLCH

0.2943 0.0396 93.5

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#332C14

#141B33

Analogous

#331C14

#2A3314

#332C14

Triadic

#332C14

#14332C

#2C1433

Split Complementary

#332C14

#142A33

#1C1433

Tetradic

#332C14

#14331C

#141B33

#33142A

Color Blindness Simulation

Original

#332C14

Protanopia

#30301A

Deuteranopia

#30311B

Tritanopia

#331E1F

Achromatopsia

#2C2C2C

CSS Usage

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

Tailwind Shades

50
#FAF9F5
100
#F4F1E7
200
#EBE4CC
300
#DDD1A7
400
#CAB777
500
#B79E48
600
#937F39
700
#75652E
800
#5C4F24
900
#443B1D
950
#2B2513

Contrast Checker

Text on white

13.9:1

AA Pass AAA Pass

Text on black

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