#31353A

#31353A

Color Values

HEX

#31353A

RGB

49, 53, 58

HSL

213.3, 8.4%, 21.0%

HSV

213.3, 15.5%, 22.7%

CMYK

15.5%, 8.6%, 0.0%, 77.3%

OKLCH

0.3271 0.0104 254.0

Properties

Cool Dark Nearest: RAL 7026 Granite Grey

Color Harmonies

Complementary

#31353A

#3A3631

Analogous

#313A3A

#32313A

#31353A

Triadic

#31353A

#3A3135

#353A31

Split Complementary

#31353A

#3A3231

#3A3A31

Tetradic

#31353A

#3A313A

#3A3631

#313A32

Color Blindness Simulation

Original

#31353A

Protanopia

#333339

Deuteranopia

#323238

Tritanopia

#313838

Achromatopsia

#353535

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#ECEDEE
200
#D8DBDE
300
#BDC1C7
400
#99A0A9
500
#757E8A
600
#5D656F
700
#4B5158
800
#3A3F45
900
#2D3034
950
#1C1E21

Contrast Checker

Text on white

12.35:1

AA Pass AAA Pass

Text on black

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