#3B2C22

#3B2C22

Color Values

HEX

#3B2C22

RGB

59, 44, 34

HSL

24.0, 26.9%, 18.2%

HSV

24.0, 42.4%, 23.1%

CMYK

0.0%, 25.4%, 42.4%, 76.9%

OKLCH

0.3073 0.0281 55.1

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#3B2C22

#22313B

Analogous

#3B2224

#3B3822

#3B2C22

Triadic

#3B2C22

#223B2C

#2C223B

Split Complementary

#3B2C22

#223B38

#22243B

Tetradic

#3B2C22

#243B22

#22313B

#38223B

Color Blindness Simulation

Original

#3B2C22

Protanopia

#353424

Deuteranopia

#353625

Tritanopia

#3A2627

Achromatopsia

#2E2E2E

CSS Usage

background-color: #3B2C22;
color: #3B2C22;
border-color: #3B2C22;
Nearest Tailwind: Stone 800 #292524

Tailwind Shades

50
#F9F7F6
100
#F1ECE9
200
#E5D9D2
300
#D2BFB1
400
#BA9C87
500
#A2795D
600
#81614B
700
#684D3C
800
#513C2F
900
#3C2E25
950
#261D17

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

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