#322C46

#322C46

Color Values

HEX

#322C46

RGB

50, 44, 70

HSL

253.8, 22.8%, 22.4%

HSV

253.8, 37.1%, 27.5%

CMYK

28.6%, 37.1%, 0.0%, 72.5%

OKLCH

0.3117 0.0464 294.1

Properties

Cool Dark Nearest: RAL 5013 Cobalt Blue

Color Harmonies

Complementary

#322C46

#40462C

Analogous

#2C3346

#3F2C46

#322C46

Triadic

#322C46

#46322C

#2C4632

Split Complementary

#322C46

#463F2C

#33462C

Tetradic

#322C46

#462C33

#40462C

#2C463F

Color Blindness Simulation

Original

#322C46

Protanopia

#2F2F40

Deuteranopia

#30303E

Tritanopia

#323B3A

Achromatopsia

#2F2F2F

CSS Usage

background-color: #322C46;
color: #322C46;
border-color: #322C46;
Nearest Tailwind: Slate 800 #1E293B

Tailwind Shades

50
#F7F6F9
100
#EBEAF1
200
#D7D3E3
300
#BAB4D0
400
#958BB6
500
#70629D
600
#594F7D
700
#483F64
800
#38314E
900
#2B273A
950
#1B1825

Contrast Checker

Text on white

13.25:1

AA Pass AAA Pass

Text on black

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