#322848

#322848

Color Values

HEX

#322848

RGB

50, 40, 72

HSL

258.8, 28.6%, 22.0%

HSV

258.8, 44.4%, 28.2%

CMYK

30.6%, 44.4%, 0.0%, 71.8%

OKLCH

0.3038 0.0575 297.2

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#322848

#3E4828

Analogous

#282E48

#422848

#322848

Triadic

#322848

#483228

#284832

Split Complementary

#322848

#484228

#2E4828

Tetradic

#322848

#48282E

#3E4828

#284842

Color Blindness Simulation

Original

#322848

Protanopia

#2E2E40

Deuteranopia

#2E2F3E

Tritanopia

#323A39

Achromatopsia

#2C2C2C

CSS Usage

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

Tailwind Shades

50
#F7F5F9
100
#ECE9F1
200
#D7D1E6
300
#BBB0D3
400
#9786BC
500
#725BA4
600
#5B4983
700
#493A69
800
#392E52
900
#2C243D
950
#1C1726

Contrast Checker

Text on white

13.7:1

AA Pass AAA Pass

Text on black

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