#321193

#321193

Color Values

HEX

#321193

RGB

50, 17, 147

HSL

255.2, 79.3%, 32.2%

HSV

255.2, 88.4%, 57.6%

CMYK

66.0%, 88.4%, 0.0%, 42.4%

OKLCH

0.3396 0.1871 281.4

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#321193

#729311

Analogous

#113193

#731193

#321193

Triadic

#321193

#933211

#119332

Split Complementary

#321193

#937311

#319311

Tetradic

#321193

#931131

#729311

#119373

Color Blindness Simulation

Original

#321193

Protanopia

#242374

Deuteranopia

#26286C

Tritanopia

#305B55

Achromatopsia

#212121

CSS Usage

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

Tailwind Shades

50
#F5F2FD
100
#E7E1F9
200
#CDBFF8
300
#AA91F2
400
#7C56EB
500
#4E1AE5
600
#3E15B7
700
#321192
800
#270D72
900
#1F0E53
950
#140934

Contrast Checker

Text on white

12.83:1

AA Pass AAA Pass

Text on black

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