#6817B2

#6817B2

Color Values

HEX

#6817B2

RGB

104, 23, 178

HSL

271.4, 77.1%, 39.4%

HSV

271.4, 87.1%, 69.8%

CMYK

41.6%, 87.1%, 0.0%, 30.2%

OKLCH

0.4358 0.2152 300.4

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#6817B2

#61B217

Analogous

#1B17B2

#B217AE

#6817B2

Triadic

#6817B2

#B26817

#17B268

Split Complementary

#6817B2

#AEB217

#17B21B

Tetradic

#6817B2

#B21B17

#61B217

#17AEB2

Color Blindness Simulation

Original

#6817B2

Protanopia

#45448D

Deuteranopia

#4A5084

Tritanopia

#646F68

Achromatopsia

#333333

CSS Usage

background-color: #6817B2;
color: #6817B2;
border-color: #6817B2;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F8F2FC
100
#EEE1F9
200
#DDC0F7
300
#C493F1
400
#A458E9
500
#841DE2
600
#6A17B5
700
#551391
800
#420F71
900
#320F52
950
#200934

Contrast Checker

Text on white

8.92:1

AA Pass AAA Pass

Text on black

2.35:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026