#3A3136

#3A3136

Color Values

HEX

#3A3136

RGB

58, 49, 54

HSL

326.7, 8.4%, 21.0%

HSV

326.7, 15.5%, 22.7%

CMYK

0.0%, 15.5%, 6.9%, 77.3%

OKLCH

0.3247 0.0154 343.5

Properties

Warm Dark Nearest: RAL 8019 Grey Brown

Color Harmonies

Complementary

#3A3136

#313A35

Analogous

#3A313A

#3A3132

#3A3136

Triadic

#3A3136

#363A31

#31363A

Split Complementary

#3A3136

#323A31

#313A3A

Tetradic

#3A3136

#3A3A31

#313A35

#31323A

Color Blindness Simulation

Original

#3A3136

Protanopia

#363635

Deuteranopia

#373734

Tritanopia

#3A3434

Achromatopsia

#333333

CSS Usage

background-color: #3A3136;
color: #3A3136;
border-color: #3A3136;
Nearest Tailwind: Zinc 700 #3F3F46

Tailwind Shades

50
#F8F7F7
100
#EEECED
200
#DED8DC
300
#C7BDC2
400
#A999A2
500
#8A7581
600
#6F5D67
700
#584B52
800
#453A40
900
#342D31
950
#211C1F

Contrast Checker

Text on white

12.56:1

AA Pass AAA Pass

Text on black

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