#682ED1

#682ED1

Color Values

HEX

#682ED1

RGB

104, 46, 209

HSL

261.3, 63.9%, 50.0%

HSV

261.3, 78.0%, 82.0%

CMYK

50.2%, 78.0%, 0.0%, 18.0%

OKLCH

0.4836 0.2279 291.6

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#682ED1

#97D12E

Analogous

#2E46D1

#B92ED1

#682ED1

Triadic

#682ED1

#D1682E

#2ED168

Split Complementary

#682ED1

#D1B92E

#46D12E

Tetradic

#682ED1

#D12E46

#97D12E

#2ED1B9

Color Blindness Simulation

Original

#682ED1

Protanopia

#4F4EAA

Deuteranopia

#5257A0

Tritanopia

#658A84

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#F6F3FC
100
#EAE3F7
200
#D5C4F2
300
#B69BE9
400
#8F64DD
500
#682ED1
600
#5325A7
700
#421D86
800
#341768
900
#28154C
950
#190D30

Contrast Checker

Text on white

7.24:1

AA Pass AAA Pass

Text on black

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