#6217AC

#6217AC

Color Values

HEX

#6217AC

RGB

98, 23, 172

HSL

270.2, 76.4%, 38.2%

HSV

270.2, 86.6%, 67.5%

CMYK

43.0%, 86.6%, 0.0%, 32.5%

OKLCH

0.4228 0.2087 299.3

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#6217AC

#61AC17

Analogous

#1717AC

#AC17AB

#6217AC

Triadic

#6217AC

#AC6217

#17AC62

Split Complementary

#6217AC

#ABAC17

#17AC17

Tetradic

#6217AC

#AC1717

#61AC17

#17ABAC

Color Blindness Simulation

Original

#6217AC

Protanopia

#424188

Deuteranopia

#464C7F

Tritanopia

#5E6B65

Achromatopsia

#323232

CSS Usage

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

Tailwind Shades

50
#F7F2FC
100
#EDE2F9
200
#DBC0F7
300
#C293F1
400
#A159E9
500
#801EE1
600
#6718B4
700
#521390
800
#400F70
900
#310F52
950
#1F0A34

Contrast Checker

Text on white

9.39:1

AA Pass AAA Pass

Text on black

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