#313D49

#313D49

Color Values

HEX

#313D49

RGB

49, 61, 73

HSL

210.0, 19.7%, 23.9%

HSV

210.0, 32.9%, 28.6%

CMYK

32.9%, 16.4%, 0.0%, 71.4%

OKLCH

0.3542 0.0263 248.6

Properties

Cool Dark Nearest: RAL 7026 Granite Grey

Color Harmonies

Complementary

#313D49

#493D31

Analogous

#314949

#313149

#313D49

Triadic

#313D49

#49313D

#3D4931

Split Complementary

#313D49

#493131

#494931

Tetradic

#313D49

#493149

#493D31

#314931

Color Blindness Simulation

Original

#313D49

Protanopia

#363646

Deuteranopia

#363545

Tritanopia

#324443

Achromatopsia

#3B3B3B

CSS Usage

background-color: #313D49;
color: #313D49;
border-color: #313D49;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F6F7F9
100
#EAEDF0
200
#D4DBE2
300
#B6C2CE
400
#8EA1B3
500
#668099
600
#52667A
700
#425262
800
#33404C
900
#283039
950
#191F24

Contrast Checker

Text on white

11.09:1

AA Pass AAA Pass

Text on black

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