#323168

#323168

Color Values

HEX

#323168

RGB

50, 49, 104

HSL

241.1, 35.9%, 30.0%

HSV

241.1, 52.9%, 40.8%

CMYK

51.9%, 52.9%, 0.0%, 59.2%

OKLCH

0.3451 0.0936 281.1

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#323168

#676831

Analogous

#314B68

#4E3168

#323168

Triadic

#323168

#683231

#316832

Split Complementary

#323168

#684E31

#4B6831

Tetradic

#323168

#68314B

#676831

#31684E

Color Blindness Simulation

Original

#323168

Protanopia

#32325B

Deuteranopia

#323258

Tritanopia

#32504E

Achromatopsia

#353535

CSS Usage

background-color: #323168;
color: #323168;
border-color: #323168;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F5F5FA
100
#E8E8F3
200
#CFCEE8
300
#ADACD8
400
#807FC3
500
#5352AD
600
#43418B
700
#35346F
800
#2A2957
900
#212140
950
#151528

Contrast Checker

Text on white

11.83:1

AA Pass AAA Pass

Text on black

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