#313B46

#313B46

Color Values

HEX

#313B46

RGB

49, 59, 70

HSL

211.4, 17.6%, 23.3%

HSV

211.4, 30.0%, 27.5%

CMYK

30.0%, 15.7%, 0.0%, 72.5%

OKLCH

0.3477 0.0235 251.0

Properties

Cool Dark Nearest: RAL 7026 Granite Grey

Color Harmonies

Complementary

#313B46

#463C31

Analogous

#314546

#313146

#313B46

Triadic

#313B46

#46313B

#3B4631

Split Complementary

#313B46

#463131

#454631

Tetradic

#313B46

#463145

#463C31

#314631

Color Blindness Simulation

Original

#313B46

Protanopia

#353543

Deuteranopia

#353443

Tritanopia

#324141

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EAEDF0
200
#D5DBE2
300
#B7C1CD
400
#90A0B1
500
#697E96
600
#546578
700
#435160
800
#353F4B
900
#293038
950
#1A1E23

Contrast Checker

Text on white

11.38:1

AA Pass AAA Pass

Text on black

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