#3A3333

#3A3333

Color Values

HEX

#3A3333

RGB

58, 51, 51

HSL

0.0, 6.4%, 21.4%

HSV

0.0, 12.1%, 22.7%

CMYK

0.0%, 12.1%, 12.1%, 77.3%

OKLCH

0.3285 0.01 17.7

Properties

Warm Dark Nearest: RAL 8019 Grey Brown

Color Harmonies

Complementary

#3A3333

#333A3A

Analogous

#3A3337

#3A3733

#3A3333

Triadic

#3A3333

#333A33

#33333A

Split Complementary

#3A3333

#333A37

#33373A

Tetradic

#3A3333

#373A33

#333A3A

#37333A

Color Blindness Simulation

Original

#3A3333

Protanopia

#373733

Deuteranopia

#373833

Tritanopia

#3A3333

Achromatopsia

#343434

CSS Usage

background-color: #3A3333;
color: #3A3333;
border-color: #3A3333;
Nearest Tailwind: Neutral 700 #404040

Tailwind Shades

50
#F8F7F7
100
#EEECEC
200
#DED9D9
300
#C6BEBE
400
#A79B9B
500
#887777
600
#6D5F5F
700
#574C4C
800
#443C3C
900
#332E2E
950
#201D1D

Contrast Checker

Text on white

12.34:1

AA Pass AAA Pass

Text on black

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