#321D86

#321D86

Color Values

HEX

#321D86

RGB

50, 29, 134

HSL

252.0, 64.4%, 32.0%

HSV

252.0, 78.4%, 52.5%

CMYK

62.7%, 78.4%, 0.0%, 47.5%

OKLCH

0.3377 0.1621 282.6

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#321D86

#71861D

Analogous

#1D3D86

#671D86

#321D86

Triadic

#321D86

#86321D

#1D8632

Split Complementary

#321D86

#86671D

#3D861D

Tetradic

#321D86

#861D3D

#71861D

#1D8667

Color Blindness Simulation

Original

#321D86

Protanopia

#29296D

Deuteranopia

#2A2C66

Tritanopia

#315954

Achromatopsia

#292929

CSS Usage

background-color: #321D86;
color: #321D86;
border-color: #321D86;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F5F3FC
100
#E7E3F7
200
#CEC4F2
300
#AA9AE9
400
#7C64DD
500
#4E2DD2
600
#3F24A8
700
#321D86
800
#271769
900
#20144D
950
#140D30

Contrast Checker

Text on white

12.68:1

AA Pass AAA Pass

Text on black

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