#680EC2

#680EC2

Color Values

HEX

#680EC2

RGB

104, 14, 194

HSL

270.0, 86.5%, 40.8%

HSV

270.0, 92.8%, 76.1%

CMYK

46.4%, 92.8%, 0.0%, 23.9%

OKLCH

0.4464 0.2345 296.9

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#680EC2

#68C20E

Analogous

#0E0EC2

#C20EC2

#680EC2

Triadic

#680EC2

#C2680E

#0EC268

Split Complementary

#680EC2

#C2C20E

#0EC20E

Tetradic

#680EC2

#C20E0E

#68C20E

#0EC2C2

Color Blindness Simulation

Original

#680EC2

Protanopia

#414096

Deuteranopia

#464D8C

Tritanopia

#64746D

Achromatopsia

#2E2E2E

CSS Usage

background-color: #680EC2;
color: #680EC2;
border-color: #680EC2;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F7F2FD
100
#EDE0FA
200
#DBBCFA
300
#C28DF7
400
#A14FF2
500
#8011EE
600
#660EBE
700
#520B98
800
#400977
900
#300B56
950
#1F0736

Contrast Checker

Text on white

8.64:1

AA Pass AAA Pass

Text on black

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