#322F56

#322F56

Color Values

HEX

#322F56

RGB

50, 47, 86

HSL

244.6, 29.3%, 26.1%

HSV

244.6, 45.3%, 33.7%

CMYK

41.9%, 45.3%, 0.0%, 66.3%

OKLCH

0.3282 0.0678 285.5

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#322F56

#53562F

Analogous

#2F4056

#462F56

#322F56

Triadic

#322F56

#56322F

#2F5632

Split Complementary

#322F56

#56462F

#40562F

Tetradic

#322F56

#562F40

#53562F

#2F5646

Color Blindness Simulation

Original

#322F56

Protanopia

#31314D

Deuteranopia

#31314A

Tritanopia

#324543

Achromatopsia

#323232

CSS Usage

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

Tailwind Shades

50
#F6F5F9
100
#E9E9F2
200
#D2D1E6
300
#B3B0D4
400
#8985BC
500
#605AA5
600
#4D4884
700
#3D3A6A
800
#302D52
900
#26243D
950
#181727

Contrast Checker

Text on white

12.53:1

AA Pass AAA Pass

Text on black

1.68:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026