#314073

#314073

Color Values

HEX

#314073

RGB

49, 64, 115

HSL

226.4, 40.2%, 32.2%

HSV

226.4, 57.4%, 45.1%

CMYK

57.4%, 44.3%, 0.0%, 54.9%

OKLCH

0.3853 0.0889 269.5

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#314073

#736431

Analogous

#316173

#433173

#314073

Triadic

#314073

#733140

#407331

Split Complementary

#314073

#734331

#617331

Tetradic

#314073

#733161

#736431

#317343

Color Blindness Simulation

Original

#314073

Protanopia

#373867

Deuteranopia

#373664

Tritanopia

#325D5B

Achromatopsia

#404040

CSS Usage

background-color: #314073;
color: #314073;
border-color: #314073;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F5F6FA
100
#E7EAF3
200
#CDD3EA
300
#A9B4DA
400
#7B8CC7
500
#4C63B3
600
#3D508F
700
#314072
800
#263259
900
#1F2742
950
#14192A

Contrast Checker

Text on white

9.95:1

AA Pass AAA Pass

Text on black

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