#323360

#323360

Color Values

HEX

#323360

RGB

50, 51, 96

HSL

238.7, 31.5%, 28.6%

HSV

238.7, 47.9%, 37.6%

CMYK

47.9%, 46.9%, 0.0%, 62.4%

OKLCH

0.3438 0.0776 280.5

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#323360

#605F32

Analogous

#324A60

#483260

#323360

Triadic

#323360

#603233

#336032

Split Complementary

#323360

#604832

#4A6032

Tetradic

#323360

#60324A

#605F32

#326048

Color Blindness Simulation

Original

#323360

Protanopia

#323255

Deuteranopia

#323252

Tritanopia

#324D4B

Achromatopsia

#363636

CSS Usage

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

Tailwind Shades

50
#F5F5F9
100
#E8E9F2
200
#D0D1E7
300
#AFAFD5
400
#8384BE
500
#5759A8
600
#464786
700
#38396B
800
#2C2D54
900
#23233E
950
#161627

Contrast Checker

Text on white

11.81:1

AA Pass AAA Pass

Text on black

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