#313236

#313236

Color Values

HEX

#313236

RGB

49, 50, 54

HSL

228.0, 4.9%, 20.2%

HSV

228.0, 9.3%, 21.2%

CMYK

9.3%, 7.4%, 0.0%, 78.8%

OKLCH

0.3177 0.0072 274.7

Properties

Cool Dark Nearest: RAL 7026 Granite Grey

Color Harmonies

Complementary

#313236

#363531

Analogous

#313536

#333136

#313236

Triadic

#313236

#363132

#323631

Split Complementary

#313236

#363331

#353631

Tetradic

#313236

#363135

#363531

#313633

Color Blindness Simulation

Original

#313236

Protanopia

#313135

Deuteranopia

#313135

Tritanopia

#313434

Achromatopsia

#323232

CSS Usage

background-color: #313236;
color: #313236;
border-color: #313236;
Nearest Tailwind: Zinc 800 #27272A

Tailwind Shades

50
#F7F7F8
100
#ECEDEE
200
#DADADD
300
#BFC0C5
400
#9C9EA5
500
#797C86
600
#61636B
700
#4E4F56
800
#3D3E43
900
#2E2F33
950
#1D1E20

Contrast Checker

Text on white

12.8:1

AA Pass AAA Pass

Text on black

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