#324372

#324372

Color Values

HEX

#324372

RGB

50, 67, 114

HSL

224.1, 39.0%, 32.2%

HSV

224.1, 56.1%, 44.7%

CMYK

56.1%, 41.2%, 0.0%, 55.3%

OKLCH

0.3923 0.0828 267.5

Properties

Cool Dark Nearest: Midnight Blue

Color Harmonies

Complementary

#324372

#726132

Analogous

#326372

#413272

#324372

Triadic

#324372

#723243

#437232

Split Complementary

#324372

#724132

#637232

Tetradic

#324372

#723263

#726132

#327241

Color Blindness Simulation

Original

#324372

Protanopia

#393A67

Deuteranopia

#383764

Tritanopia

#335E5C

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E7EAF3
200
#CDD5E9
300
#AAB7DA
400
#7C8FC5
500
#4E68B1
600
#3E538E
700
#324371
800
#273459
900
#1F2841
950
#141A29

Contrast Checker

Text on white

9.63:1

AA Pass AAA Pass

Text on black

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