#313B41

#313B41

Color Values

HEX

#313B41

RGB

49, 59, 65

HSL

202.5, 14.0%, 22.4%

HSV

202.5, 24.6%, 25.5%

CMYK

24.6%, 9.2%, 0.0%, 74.5%

OKLCH

0.3456 0.017 234.3

Properties

Cool Dark Nearest: RAL 7026 Granite Grey

Color Harmonies

Complementary

#313B41

#413731

Analogous

#31413F

#313341

#313B41

Triadic

#313B41

#41313B

#3B4131

Split Complementary

#313B41

#413133

#413F31

Tetradic

#313B41

#3F3141

#413731

#334131

Color Blindness Simulation

Original

#313B41

Protanopia

#353540

Deuteranopia

#35343F

Tritanopia

#323E3E

Achromatopsia

#393939

CSS Usage

background-color: #313B41;
color: #313B41;
border-color: #313B41;
Nearest Tailwind: Zinc 700 #3F3F46

Tailwind Shades

50
#F6F8F8
100
#EBEEEF
200
#D6DDE0
300
#B9C4CA
400
#93A4AE
500
#6E8491
600
#586A74
700
#46545D
800
#374249
900
#2A3237
950
#1B2022

Contrast Checker

Text on white

11.46:1

AA Pass AAA Pass

Text on black

1.83:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026