#312F37

#312F37

Color Values

HEX

#312F37

RGB

49, 47, 55

HSL

255.0, 7.8%, 20.0%

HSV

255.0, 14.5%, 21.6%

CMYK

10.9%, 14.5%, 0.0%, 78.4%

OKLCH

0.3105 0.0144 297.0

Properties

Cool Dark Nearest: RAL 7026 Granite Grey

Color Harmonies

Complementary

#312F37

#35372F

Analogous

#2F3137

#352F37

#312F37

Triadic

#312F37

#37312F

#2F3731

Split Complementary

#312F37

#37352F

#31372F

Tetradic

#312F37

#372F31

#35372F

#2F3735

Color Blindness Simulation

Original

#312F37

Protanopia

#303035

Deuteranopia

#303035

Tritanopia

#313433

Achromatopsia

#303030

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#EDECEE
200
#DAD9DE
300
#BFBDC7
400
#9D99A8
500
#7B7689
600
#625E6E
700
#4E4B58
800
#3D3B45
900
#2F2D34
950
#1E1C21

Contrast Checker

Text on white

13.19:1

AA Pass AAA Pass

Text on black

1.59:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026