#33211D

#33211D

Color Values

HEX

#33211D

RGB

51, 33, 29

HSL

10.9, 27.5%, 15.7%

HSV

10.9, 43.1%, 20.0%

CMYK

0.0%, 35.3%, 43.1%, 80.0%

OKLCH

0.269 0.0291 33.0

Properties

Warm Dark Nearest: RAL 8017 Chocolate Brown

Color Harmonies

Complementary

#33211D

#1D2F33

Analogous

#331D24

#332C1D

#33211D

Triadic

#33211D

#1D3321

#211D33

Split Complementary

#33211D

#1D332C

#1D2433

Tetradic

#33211D

#24331D

#1D2F33

#2C1D33

Color Blindness Simulation

Original

#33211D

Protanopia

#2B2B1E

Deuteranopia

#2C2E1E

Tritanopia

#321F1F

Achromatopsia

#252525

CSS Usage

background-color: #33211D;
color: #33211D;
border-color: #33211D;
Nearest Tailwind: Stone 800 #292524

Tailwind Shades

50
#F9F6F6
100
#F1EAE9
200
#E5D5D1
300
#D3B7B1
400
#BB9087
500
#A3695C
600
#82544A
700
#68433B
800
#51352E
900
#3C2924
950
#261A17

Contrast Checker

Text on white

15.26:1

AA Pass AAA Pass

Text on black

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