#321C88

#321C88

Color Values

HEX

#321C88

RGB

50, 28, 136

HSL

252.2, 65.9%, 32.2%

HSV

252.2, 79.4%, 53.3%

CMYK

63.2%, 79.4%, 0.0%, 46.7%

OKLCH

0.3385 0.1655 282.3

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#321C88

#72881C

Analogous

#1C3C88

#681C88

#321C88

Triadic

#321C88

#88321C

#1C8832

Split Complementary

#321C88

#88681C

#3C881C

Tetradic

#321C88

#881C3C

#72881C

#1C8868

Color Blindness Simulation

Original

#321C88

Protanopia

#28286E

Deuteranopia

#2A2B68

Tritanopia

#315955

Achromatopsia

#282828

CSS Usage

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

Tailwind Shades

50
#F5F3FC
100
#E7E3F7
200
#CDC4F3
300
#AA99EA
400
#7C62DF
500
#4E2BD4
600
#3E23A9
700
#321C87
800
#27166A
900
#1F144D
950
#140C31

Contrast Checker

Text on white

12.67:1

AA Pass AAA Pass

Text on black

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