#680DBF

#680DBF

Color Values

HEX

#680DBF

RGB

104, 13, 191

HSL

270.7, 87.3%, 40.0%

HSV

270.7, 93.2%, 74.9%

CMYK

45.5%, 93.2%, 0.0%, 25.1%

OKLCH

0.4431 0.2322 297.7

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#680DBF

#64BF0D

Analogous

#0F0DBF

#BF0DBD

#680DBF

Triadic

#680DBF

#BF680D

#0DBF68

Split Complementary

#680DBF

#BDBF0D

#0DBF0F

Tetradic

#680DBF

#BF0F0D

#64BF0D

#0DBDBF

Color Blindness Simulation

Original

#680DBF

Protanopia

#414094

Deuteranopia

#464D8A

Tritanopia

#63726A

Achromatopsia

#2D2D2D

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#EDE0FA
200
#DCBCFA
300
#C38CF7
400
#A34EF3
500
#8210EF
600
#680DBF
700
#530A99
800
#410877
900
#310A57
950
#1F0737

Contrast Checker

Text on white

8.76:1

AA Pass AAA Pass

Text on black

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