#680B75

#680B75

Color Values

HEX

#680B75

RGB

104, 11, 117

HSL

292.6, 82.8%, 25.1%

HSV

292.6, 90.6%, 45.9%

CMYK

11.1%, 90.6%, 0.0%, 54.1%

OKLCH

0.3776 0.1697 322.1

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#680B75

#18750B

Analogous

#330B75

#750B4D

#680B75

Triadic

#680B75

#75680B

#0B7568

Split Complementary

#680B75

#4D750B

#0B7533

Tetradic

#680B75

#75330B

#18750B

#0B4D75

Color Blindness Simulation

Original

#680B75

Protanopia

#403F5B

Deuteranopia

#454C55

Tritanopia

#634743

Achromatopsia

#262626

CSS Usage

background-color: #680B75;
color: #680B75;
border-color: #680B75;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FBF2FD
100
#F7E1FA
200
#F2BEF9
300
#E88FF4
400
#DC53EF
500
#CF16E9
600
#A612BA
700
#840E95
800
#680B75
900
#4C0C55
950
#300835

Contrast Checker

Text on white

11.09:1

AA Pass AAA Pass

Text on black

1.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