#314876

#314876

Color Values

HEX

#314876

RGB

49, 72, 118

HSL

220.0, 41.3%, 32.7%

HSV

220.0, 58.5%, 46.3%

CMYK

58.5%, 39.0%, 0.0%, 53.7%

OKLCH

0.406 0.0829 263.1

Properties

Cool Dark Nearest: Midnight Blue

Color Harmonies

Complementary

#314876

#765F31

Analogous

#316A76

#3C3176

#314876

Triadic

#314876

#763148

#487631

Split Complementary

#314876

#763C31

#6A7631

Tetradic

#314876

#76316A

#765F31

#31763C

Color Blindness Simulation

Original

#314876

Protanopia

#3B3B6B

Deuteranopia

#3A3868

Tritanopia

#326260

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E7EBF3
200
#CDD6EA
300
#A9B9DB
400
#7A94C8
500
#4B6EB4
600
#3C5890
700
#304673
800
#25375A
900
#1E2A42
950
#131B2A

Contrast Checker

Text on white

9.06:1

AA Pass AAA Pass

Text on black

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