#314F9B

#314F9B

Color Values

HEX

#314F9B

RGB

49, 79, 155

HSL

223.0, 52.0%, 40.0%

HSV

223.0, 68.4%, 60.8%

CMYK

68.4%, 49.0%, 0.0%, 39.2%

OKLCH

0.4469 0.1289 265.3

Properties

Cool Dark Nearest: NCS S 2060-B Deep Blue

Color Harmonies

Complementary

#314F9B

#9B7D31

Analogous

#31849B

#48319B

#314F9B

Triadic

#314F9B

#9B314F

#4F9B31

Split Complementary

#314F9B

#9B4831

#849B31

Tetradic

#314F9B

#9B3184

#9B7D31

#319B48

Color Blindness Simulation

Original

#314F9B

Protanopia

#3E3E89

Deuteranopia

#3C3A84

Tritanopia

#327A77

Achromatopsia

#4E4E4E

CSS Usage

background-color: #314F9B;
color: #314F9B;
border-color: #314F9B;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F4F6FB
100
#E5EAF5
200
#C9D3EE
300
#A2B4E2
400
#708BD2
500
#3D63C2
600
#314F9B
700
#273F7C
800
#1F3161
900
#1A2747
950
#10182D

Contrast Checker

Text on white

7.71:1

AA Pass AAA Pass

Text on black

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