#6315AC

#6315AC

Color Values

HEX

#6315AC

RGB

99, 21, 172

HSL

271.0, 78.2%, 37.8%

HSV

271.0, 87.8%, 67.5%

CMYK

42.4%, 87.8%, 0.0%, 32.5%

OKLCH

0.4227 0.2102 299.9

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#6315AC

#5EAC15

Analogous

#1815AC

#AC15A9

#6315AC

Triadic

#6315AC

#AC6315

#15AC63

Split Complementary

#6315AC

#A9AC15

#15AC18

Tetradic

#6315AC

#AC1815

#5EAC15

#15A9AC

Color Blindness Simulation

Original

#6315AC

Protanopia

#414188

Deuteranopia

#464C7F

Tritanopia

#5F6B64

Achromatopsia

#303030

CSS Usage

background-color: #6315AC;
color: #6315AC;
border-color: #6315AC;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F8F2FC
100
#EEE1F9
200
#DCBFF7
300
#C392F2
400
#A357EA
500
#831CE3
600
#6916B6
700
#541291
800
#410E72
900
#320E53
950
#1F0934

Contrast Checker

Text on white

9.4:1

AA Pass AAA Pass

Text on black

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