#9368AB

#9368AB

Color Values

HEX

#9368AB

RGB

147, 104, 171

HSL

278.5, 28.5%, 53.9%

HSV

278.5, 39.2%, 67.1%

CMYK

14.0%, 39.2%, 0.0%, 32.9%

OKLCH

0.5873 0.11 312.8

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#9368AB

#80AB68

Analogous

#7168AB

#AB68A1

#9368AB

Triadic

#9368AB

#AB9368

#68AB93

Split Complementary

#9368AB

#A1AB68

#68AB71

Tetradic

#9368AB

#AB7168

#80AB68

#68A1AB

Color Blindness Simulation

Original

#9368AB

Protanopia

#80809B

Deuteranopia

#838697

Tritanopia

#918E8B

Achromatopsia

#767676

CSS Usage

background-color: #9368AB;
color: #9368AB;
border-color: #9368AB;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F8F5F9
100
#EEE9F1
200
#DED1E5
300
#C7B0D3
400
#A886BC
500
#8A5BA4
600
#6E4983
700
#583A69
800
#452E52
900
#34243D
950
#211726

Contrast Checker

Text on white

4.37:1

AA Fail AAA Fail

Text on black

4.81:1

AA Pass 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