#313D4E

#313D4E

Color Values

HEX

#313D4E

RGB

49, 61, 78

HSL

215.2, 22.8%, 24.9%

HSV

215.2, 37.2%, 30.6%

CMYK

37.2%, 21.8%, 0.0%, 69.4%

OKLCH

0.3566 0.0337 257.1

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#313D4E

#4E4231

Analogous

#314B4E

#34314E

#313D4E

Triadic

#313D4E

#4E313D

#3D4E31

Split Complementary

#313D4E

#4E3431

#4B4E31

Tetradic

#313D4E

#4E314B

#4E4231

#314E34

Color Blindness Simulation

Original

#313D4E

Protanopia

#36364A

Deuteranopia

#363549

Tritanopia

#324746

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAEDF1
200
#D3DAE3
300
#B4BFD0
400
#8B9DB6
500
#627A9D
600
#4F627D
700
#3F4E64
800
#313D4E
900
#272F3A
950
#181E25

Contrast Checker

Text on white

11.01:1

AA Pass AAA Pass

Text on black

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