#6713B3

#6713B3

Color Values

HEX

#6713B3

RGB

103, 19, 179

HSL

271.5, 80.8%, 38.8%

HSV

271.5, 89.4%, 70.2%

CMYK

42.5%, 89.4%, 0.0%, 29.8%

OKLCH

0.4331 0.2184 299.9

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#6713B3

#5FB313

Analogous

#1713B3

#B313AF

#6713B3

Triadic

#6713B3

#B36713

#13B367

Split Complementary

#6713B3

#AFB313

#13B317

Tetradic

#6713B3

#B31713

#5FB313

#13AFB3

Color Blindness Simulation

Original

#6713B3

Protanopia

#43428C

Deuteranopia

#484E83

Tritanopia

#636E67

Achromatopsia

#303030

CSS Usage

background-color: #6713B3;
color: #6713B3;
border-color: #6713B3;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F8F2FD
100
#EEE1F9
200
#DDBEF8
300
#C490F3
400
#A454ED
500
#8518E7
600
#6A14B8
700
#551094
800
#420C73
900
#320D54
950
#200835

Contrast Checker

Text on white

9.05:1

AA Pass AAA Pass

Text on black

2.32:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026