#31353F

#31353F

Color Values

HEX

#31353F

RGB

49, 53, 63

HSL

222.9, 12.5%, 22.0%

HSV

222.9, 22.2%, 24.7%

CMYK

22.2%, 15.9%, 0.0%, 75.3%

OKLCH

0.3292 0.0185 268.1

Properties

Cool Dark Nearest: RAL 7026 Granite Grey

Color Harmonies

Complementary

#31353F

#3F3B31

Analogous

#313C3F

#34313F

#31353F

Triadic

#31353F

#3F3135

#353F31

Split Complementary

#31353F

#3F3431

#3C3F31

Tetradic

#31353F

#3F313C

#3F3B31

#313F34

Color Blindness Simulation

Original

#31353F

Protanopia

#33333D

Deuteranopia

#32323C

Tritanopia

#313B3A

Achromatopsia

#353535

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#EBECEF
200
#D7D9E0
300
#BABFC9
400
#959CAC
500
#70798F
600
#596173
700
#474D5C
800
#383C48
900
#2B2E36
950
#1B1D22

Contrast Checker

Text on white

12.27:1

AA Pass AAA Pass

Text on black

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