#332B2F

#332B2F

Color Values

HEX

#332B2F

RGB

51, 43, 47

HSL

330.0, 8.5%, 18.4%

HSV

330.0, 15.7%, 20.0%

CMYK

0.0%, 15.7%, 7.8%, 80.0%

OKLCH

0.2994 0.0136 346.3

Properties

Warm Dark Nearest: RAL 7022 Umbra Grey

Color Harmonies

Complementary

#332B2F

#2B332F

Analogous

#332B33

#332B2B

#332B2F

Triadic

#332B2F

#2F332B

#2B2F33

Split Complementary

#332B2F

#2B332B

#2B3333

Tetradic

#332B2F

#33332B

#2B332F

#2B2B33

Color Blindness Simulation

Original

#332B2F

Protanopia

#302F2E

Deuteranopia

#30312E

Tritanopia

#332D2D

Achromatopsia

#2D2D2D

CSS Usage

background-color: #332B2F;
color: #332B2F;
border-color: #332B2F;
Nearest Tailwind: Zinc 800 #27272A

Tailwind Shades

50
#F8F7F7
100
#EEECED
200
#DED8DB
300
#C7BDC2
400
#A999A1
500
#8A7580
600
#6F5D66
700
#594B52
800
#453A40
900
#342D30
950
#211C1F

Contrast Checker

Text on white

13.75:1

AA Pass AAA Pass

Text on black

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