#313F4E

#313F4E

Color Values

HEX

#313F4E

RGB

49, 63, 78

HSL

211.0, 22.8%, 24.9%

HSV

211.0, 37.2%, 30.6%

CMYK

37.2%, 19.2%, 0.0%, 69.4%

OKLCH

0.3617 0.0319 250.5

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#313F4E

#4E4031

Analogous

#314D4E

#32314E

#313F4E

Triadic

#313F4E

#4E313F

#3F4E31

Split Complementary

#313F4E

#4E3231

#4D4E31

Tetradic

#313F4E

#4E314D

#4E4031

#314E32

Color Blindness Simulation

Original

#313F4E

Protanopia

#37374A

Deuteranopia

#36354A

Tritanopia

#324847

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAEDF1
200
#D3DBE3
300
#B4C1D0
400
#8BA0B6
500
#627F9D
600
#4F657D
700
#3F5164
800
#313F4E
900
#27303A
950
#181E25

Contrast Checker

Text on white

10.76:1

AA Pass AAA Pass

Text on black

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