#33221E

#33221E

Color Values

HEX

#33221E

RGB

51, 34, 30

HSL

11.4, 25.9%, 15.9%

HSV

11.4, 41.2%, 20.0%

CMYK

0.0%, 33.3%, 41.2%, 80.0%

OKLCH

0.2716 0.0274 33.7

Properties

Warm Dark Nearest: RAL 8017 Chocolate Brown

Color Harmonies

Complementary

#33221E

#1E2F33

Analogous

#331E25

#332D1E

#33221E

Triadic

#33221E

#1E3322

#221E33

Split Complementary

#33221E

#1E332D

#1E2533

Tetradic

#33221E

#25331E

#1E2F33

#2D1E33

Color Blindness Simulation

Original

#33221E

Protanopia

#2C2B1F

Deuteranopia

#2D2E1F

Tritanopia

#322020

Achromatopsia

#252525

CSS Usage

background-color: #33221E;
color: #33221E;
border-color: #33221E;
Nearest Tailwind: Stone 800 #292524

Tailwind Shades

50
#F9F6F6
100
#F1EBE9
200
#E5D6D2
300
#D2B8B2
400
#B99188
500
#A16B5E
600
#80564C
700
#67443C
800
#50362F
900
#3C2925
950
#261A17

Contrast Checker

Text on white

15.13:1

AA Pass AAA Pass

Text on black

1.39:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026