#324472

#324472

Color Values

HEX

#324472

RGB

50, 68, 114

HSL

223.1, 39.0%, 32.2%

HSV

223.1, 56.1%, 44.7%

CMYK

56.1%, 40.4%, 0.0%, 55.3%

OKLCH

0.3947 0.0815 266.6

Properties

Cool Dark Nearest: Midnight Blue

Color Harmonies

Complementary

#324472

#726032

Analogous

#326472

#403272

#324472

Triadic

#324472

#723244

#447232

Split Complementary

#324472

#724032

#647232

Tetradic

#324472

#723264

#726032

#327240

Color Blindness Simulation

Original

#324472

Protanopia

#3A3A67

Deuteranopia

#393764

Tritanopia

#335E5C

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E7EBF3
200
#CDD5E9
300
#AAB7DA
400
#7C91C5
500
#4E6AB1
600
#3E558E
700
#324471
800
#273559
900
#1F2941
950
#141A29

Contrast Checker

Text on white

9.52:1

AA Pass AAA Pass

Text on black

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