#682DD2

#682DD2

Color Values

HEX

#682DD2

RGB

104, 45, 210

HSL

261.5, 64.7%, 50.0%

HSV

261.5, 78.6%, 82.4%

CMYK

50.5%, 78.6%, 0.0%, 17.6%

OKLCH

0.4835 0.2299 291.5

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#682DD2

#97D22D

Analogous

#2D44D2

#BB2DD2

#682DD2

Triadic

#682DD2

#D2682D

#2DD268

Split Complementary

#682DD2

#D2BB2D

#44D22D

Tetradic

#682DD2

#D22D44

#97D22D

#2DD2BB

Color Blindness Simulation

Original

#682DD2

Protanopia

#4E4EAA

Deuteranopia

#5256A0

Tritanopia

#658B84

Achromatopsia

#454545

CSS Usage

background-color: #682DD2;
color: #682DD2;
border-color: #682DD2;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F6F3FC
100
#EAE3F7
200
#D5C4F2
300
#B79AE9
400
#8F64DE
500
#682DD2
600
#5324A8
700
#431D86
800
#341769
900
#28144D
950
#1A0D30

Contrast Checker

Text on white

7.25:1

AA Pass AAA Pass

Text on black

2.89:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026