#33231E

#33231E

Color Values

HEX

#33231E

RGB

51, 35, 30

HSL

14.3, 25.9%, 15.9%

HSV

14.3, 41.2%, 20.0%

CMYK

0.0%, 31.4%, 41.2%, 80.0%

OKLCH

0.274 0.0264 38.1

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#33231E

#1E2E33

Analogous

#331E24

#332E1E

#33231E

Triadic

#33231E

#1E3323

#231E33

Split Complementary

#33231E

#1E332E

#1E2433

Tetradic

#33231E

#24331E

#1E2E33

#2E1E33

Color Blindness Simulation

Original

#33231E

Protanopia

#2C2C1F

Deuteranopia

#2D2E20

Tritanopia

#322020

Achromatopsia

#262626

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F1EBE9
200
#E5D6D2
300
#D2BAB2
400
#B99488
500
#A16E5E
600
#80584C
700
#67473C
800
#50372F
900
#3C2B25
950
#261B17

Contrast Checker

Text on white

15.0:1

AA Pass AAA Pass

Text on black

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