#6715C0

#6715C0

Color Values

HEX

#6715C0

RGB

103, 21, 192

HSL

268.8, 80.3%, 41.8%

HSV

268.8, 89.1%, 75.3%

CMYK

46.4%, 89.1%, 0.0%, 24.7%

OKLCH

0.4467 0.2293 296.6

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#6715C0

#6EC015

Analogous

#1518C0

#BD15C0

#6715C0

Triadic

#6715C0

#C06715

#15C067

Split Complementary

#6715C0

#C0BD15

#18C015

Tetradic

#6715C0

#C01518

#6EC015

#15C0BD

Color Blindness Simulation

Original

#6715C0

Protanopia

#434397

Deuteranopia

#484E8D

Tritanopia

#63766F

Achromatopsia

#333333

CSS Usage

background-color: #6715C0;
color: #6715C0;
border-color: #6715C0;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F7F2FD
100
#EDE1F9
200
#DABFF8
300
#C091F3
400
#9E55EC
500
#7B19E6
600
#6314B8
700
#4F1093
800
#3E0D73
900
#2F0D53
950
#1E0835

Contrast Checker

Text on white

8.59:1

AA Pass AAA Pass

Text on black

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