#3C3B46

#3C3B46

Color Values

HEX

#3C3B46

RGB

60, 59, 70

HSL

245.5, 8.5%, 25.3%

HSV

245.5, 15.7%, 27.5%

CMYK

14.3%, 15.7%, 0.0%, 72.5%

OKLCH

0.3576 0.0189 289.6

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#3C3B46

#45463B

Analogous

#3B4046

#423B46

#3C3B46

Triadic

#3C3B46

#463C3B

#3B463C

Split Complementary

#3C3B46

#46423B

#40463B

Tetradic

#3C3B46

#463B40

#45463B

#3B4642

Color Blindness Simulation

Original

#3C3B46

Protanopia

#3C3C43

Deuteranopia

#3C3C43

Tritanopia

#3C4141

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#ECECEE
200
#D9D8DE
300
#BEBDC7
400
#9A99A9
500
#77758A
600
#5F5D6F
700
#4C4B59
800
#3B3A45
900
#2D2D34
950
#1D1C21

Contrast Checker

Text on white

11.02:1

AA Pass AAA Pass

Text on black

1.91:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026