#314775

#314775

Color Values

HEX

#314775

RGB

49, 71, 117

HSL

220.6, 41.0%, 32.5%

HSV

220.6, 58.1%, 45.9%

CMYK

58.1%, 39.3%, 0.0%, 54.1%

OKLCH

0.403 0.0826 263.7

Properties

Cool Dark Nearest: Midnight Blue

Color Harmonies

Complementary

#314775

#755F31

Analogous

#316975

#3D3175

#314775

Triadic

#314775

#753147

#477531

Split Complementary

#314775

#753D31

#697531

Tetradic

#314775

#753169

#755F31

#31753D

Color Blindness Simulation

Original

#314775

Protanopia

#3B3B6A

Deuteranopia

#393867

Tritanopia

#32615F

Achromatopsia

#464646

CSS Usage

background-color: #314775;
color: #314775;
border-color: #314775;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F5F6FA
100
#E7EBF3
200
#CDD6EA
300
#A9B9DB
400
#7A93C7
500
#4B6DB4
600
#3C5790
700
#304673
800
#26375A
900
#1F2A42
950
#131B2A

Contrast Checker

Text on white

9.18:1

AA Pass AAA Pass

Text on black

2.29:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026