#682CD3

#682CD3

Color Values

HEX

#682CD3

RGB

104, 44, 211

HSL

261.6, 65.5%, 50.0%

HSV

261.6, 79.1%, 82.7%

CMYK

50.7%, 79.1%, 0.0%, 17.3%

OKLCH

0.4835 0.2318 291.4

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#682CD3

#97D32C

Analogous

#2C43D3

#BC2CD3

#682CD3

Triadic

#682CD3

#D3682C

#2CD368

Split Complementary

#682CD3

#D3BC2C

#43D32C

Tetradic

#682CD3

#D32C43

#97D32C

#2CD3BC

Color Blindness Simulation

Original

#682CD3

Protanopia

#4E4DAB

Deuteranopia

#5256A1

Tritanopia

#658B84

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#F6F3FC
100
#EAE3F7
200
#D5C4F3
300
#B79AEA
400
#8F63DE
500
#682CD3
600
#5323A9
700
#431C87
800
#34166A
900
#28144D
950
#1A0D31

Contrast Checker

Text on white

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