#31363F

#31363F

Color Values

HEX

#31363F

RGB

49, 54, 63

HSL

218.6, 12.5%, 22.0%

HSV

218.6, 22.2%, 24.7%

CMYK

22.2%, 14.3%, 0.0%, 75.3%

OKLCH

0.3317 0.0173 262.3

Properties

Cool Dark Nearest: RAL 7026 Granite Grey

Color Harmonies

Complementary

#31363F

#3F3A31

Analogous

#313D3F

#33313F

#31363F

Triadic

#31363F

#3F3136

#363F31

Split Complementary

#31363F

#3F3331

#3D3F31

Tetradic

#31363F

#3F313D

#3F3A31

#313F33

Color Blindness Simulation

Original

#31363F

Protanopia

#33333D

Deuteranopia

#33323C

Tritanopia

#313B3B

Achromatopsia

#363636

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#EBEDEF
200
#D7DAE0
300
#BAC0C9
400
#959DAC
500
#707B8F
600
#596273
700
#474F5C
800
#383D48
900
#2B2F36
950
#1B1E22

Contrast Checker

Text on white

12.14:1

AA Pass AAA Pass

Text on black

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