#332F2B

#332F2B

Color Values

HEX

#332F2B

RGB

51, 47, 43

HSL

30.0, 8.5%, 18.4%

HSV

30.0, 15.7%, 20.0%

CMYK

0.0%, 7.8%, 15.7%, 80.0%

OKLCH

0.308 0.0091 67.5

Properties

Warm Dark Nearest: RAL 7022 Umbra Grey

Color Harmonies

Complementary

#332F2B

#2B2F33

Analogous

#332B2B

#33332B

#332F2B

Triadic

#332F2B

#2B332F

#2F2B33

Split Complementary

#332F2B

#2B3333

#2B2B33

Tetradic

#332F2B

#2B332B

#2B2F33

#332B33

Color Blindness Simulation

Original

#332F2B

Protanopia

#31312C

Deuteranopia

#32322C

Tritanopia

#332D2D

Achromatopsia

#303030

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDEC
200
#DEDBD8
300
#C7C2BD
400
#A9A199
500
#8A8075
600
#6F665D
700
#59524B
800
#45403A
900
#34302D
950
#211F1C

Contrast Checker

Text on white

13.27:1

AA Pass AAA Pass

Text on black

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