#6828AE

#6828AE

Color Values

HEX

#6828AE

RGB

104, 40, 174

HSL

268.7, 62.6%, 42.0%

HSV

268.7, 77.0%, 68.2%

CMYK

40.2%, 77.0%, 0.0%, 31.8%

OKLCH

0.4464 0.197 300.0

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#6828AE

#6EAE28

Analogous

#282BAE

#AB28AE

#6828AE

Triadic

#6828AE

#AE6828

#28AE68

Split Complementary

#6828AE

#AEAB28

#2BAE28

Tetradic

#6828AE

#AE282B

#6EAE28

#28AEAB

Color Blindness Simulation

Original

#6828AE

Protanopia

#4C4C8E

Deuteranopia

#505586

Tritanopia

#65746E

Achromatopsia

#3F3F3F

CSS Usage

background-color: #6828AE;
color: #6828AE;
border-color: #6828AE;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F7F3FB
100
#EDE4F7
200
#DAC5F2
300
#C09BE8
400
#9E66DC
500
#7C30CF
600
#6326A6
700
#4F1F85
800
#3E1868
900
#2F154C
950
#1E0D30

Contrast Checker

Text on white

8.39:1

AA Pass AAA Pass

Text on black

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