#313E4F

#313E4F

Color Values

HEX

#313E4F

RGB

49, 62, 79

HSL

214.0, 23.4%, 25.1%

HSV

214.0, 38.0%, 31.0%

CMYK

38.0%, 21.5%, 0.0%, 69.0%

OKLCH

0.3596 0.0342 255.3

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#313E4F

#4F4231

Analogous

#314D4F

#33314F

#313E4F

Triadic

#313E4F

#4F313E

#3E4F31

Split Complementary

#313E4F

#4F3331

#4D4F31

Tetradic

#313E4F

#4F314D

#4F4231

#314F33

Color Blindness Simulation

Original

#313E4F

Protanopia

#37374B

Deuteranopia

#36354A

Tritanopia

#324847

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAEDF1
200
#D3DAE4
300
#B3C0D0
400
#8B9EB7
500
#627C9D
600
#4E637E
700
#3F4F65
800
#313E4F
900
#262F3B
950
#181E25

Contrast Checker

Text on white

10.87:1

AA Pass AAA Pass

Text on black

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