#314964

#314964

Color Values

HEX

#314964

RGB

49, 73, 100

HSL

211.8, 34.2%, 29.2%

HSV

211.8, 51.0%, 39.2%

CMYK

51.0%, 27.0%, 0.0%, 60.8%

OKLCH

0.3981 0.0547 252.1

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#314964

#644C31

Analogous

#316264

#333164

#314964

Triadic

#314964

#643149

#496431

Split Complementary

#314964

#643331

#626431

Tetradic

#314964

#643162

#644C31

#316433

Color Blindness Simulation

Original

#314964

Protanopia

#3B3C5D

Deuteranopia

#3A385C

Tritanopia

#325857

Achromatopsia

#464646

CSS Usage

background-color: #314964;
color: #314964;
border-color: #314964;
Nearest Tailwind: Slate 700 #334155

Tailwind Shades

50
#F5F7FA
100
#E8EDF2
200
#CFDBE8
300
#ADC1D7
400
#809FC1
500
#547DAB
600
#436489
700
#36506E
800
#2A3E56
900
#22303F
950
#151E28

Contrast Checker

Text on white

9.26:1

AA Pass AAA Pass

Text on black

2.27:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026