#31363C

#31363C

Color Values

HEX

#31363C

RGB

49, 54, 60

HSL

212.7, 10.1%, 21.4%

HSV

212.7, 18.3%, 23.5%

CMYK

18.3%, 10.0%, 0.0%, 76.5%

OKLCH

0.3305 0.0126 253.0

Properties

Cool Dark Nearest: RAL 7026 Granite Grey

Color Harmonies

Complementary

#31363C

#3C3731

Analogous

#313C3C

#32313C

#31363C

Triadic

#31363C

#3C3136

#363C31

Split Complementary

#31363C

#3C3231

#3C3C31

Tetradic

#31363C

#3C313C

#3C3731

#313C32

Color Blindness Simulation

Original

#31363C

Protanopia

#33333B

Deuteranopia

#33323A

Tritanopia

#313939

Achromatopsia

#353535

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#ECEDEF
200
#D8DBDF
300
#BCC1C8
400
#97A0AA
500
#737E8C
600
#5C6570
700
#49515A
800
#393F46
900
#2C3035
950
#1C1E21

Contrast Checker

Text on white

12.18:1

AA Pass AAA Pass

Text on black

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