#31314F

#31314F

Color Values

HEX

#31314F

RGB

49, 49, 79

HSL

240.0, 23.4%, 25.1%

HSV

240.0, 38.0%, 31.0%

CMYK

38.0%, 38.0%, 0.0%, 69.0%

OKLCH

0.3276 0.0527 283.1

Properties

Cool Dark Nearest: RAL 5013 Cobalt Blue

Color Harmonies

Complementary

#31314F

#4F4F31

Analogous

#31404F

#40314F

#31314F

Triadic

#31314F

#4F3131

#314F31

Split Complementary

#31314F

#4F4031

#404F31

Tetradic

#31314F

#4F3140

#4F4F31

#314F40

Color Blindness Simulation

Original

#31314F

Protanopia

#313148

Deuteranopia

#313146

Tritanopia

#314241

Achromatopsia

#333333

CSS Usage

background-color: #31314F;
color: #31314F;
border-color: #31314F;
Nearest Tailwind: Slate 800 #1E293B

Tailwind Shades

50
#F6F6F9
100
#EAEAF1
200
#D3D3E4
300
#B3B3D0
400
#8B8BB7
500
#62629D
600
#4E4E7E
700
#3F3F65
800
#31314F
900
#26263B
950
#181825

Contrast Checker

Text on white

12.48:1

AA Pass AAA Pass

Text on black

1.68:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026