#682AA8

#682AA8

Color Values

HEX

#682AA8

RGB

104, 42, 168

HSL

269.5, 60.0%, 41.2%

HSV

269.5, 75.0%, 65.9%

CMYK

38.1%, 75.0%, 0.0%, 34.1%

OKLCH

0.4434 0.1886 301.3

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#682AA8

#6AA82A

Analogous

#2A2BA8

#A72AA8

#682AA8

Triadic

#682AA8

#A8682A

#2AA868

Split Complementary

#682AA8

#A8A72A

#2BA82A

Tetradic

#682AA8

#A82A2B

#6AA82A

#2AA8A7

Color Blindness Simulation

Original

#682AA8

Protanopia

#4D4D8A

Deuteranopia

#515582

Tritanopia

#65716C

Achromatopsia

#404040

CSS Usage

background-color: #682AA8;
color: #682AA8;
border-color: #682AA8;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F7F3FB
100
#EDE4F6
200
#DBC6F1
300
#C19DE7
400
#A068D9
500
#7E33CC
600
#6529A3
700
#512183
800
#3F1A66
900
#30164B
950
#1E0E2F

Contrast Checker

Text on white

8.45:1

AA Pass AAA Pass

Text on black

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