#680D36

#680D36

Color Values

HEX

#680D36

RGB

104, 13, 54

HSL

333.0, 77.8%, 22.9%

HSV

333.0, 87.5%, 40.8%

CMYK

0.0%, 87.5%, 48.1%, 59.2%

OKLCH

0.3437 0.1266 0.1

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#680D36

#0D683F

Analogous

#680D63

#68120D

#680D36

Triadic

#680D36

#36680D

#0D3668

Split Complementary

#680D36

#0D6812

#0D6368

Tetradic

#680D36

#63680D

#0D683F

#120D68

Color Blindness Simulation

Original

#680D36

Protanopia

#41402C

Deuteranopia

#464D2A

Tritanopia

#632423

Achromatopsia

#232323

CSS Usage

background-color: #680D36;
color: #680D36;
border-color: #680D36;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FCF2F7
100
#F9E1EC
200
#F7C0D9
300
#F192BD
400
#EA5799
500
#E31C76
600
#B5175E
700
#91124B
800
#710E3B
900
#520F2D
950
#34091C

Contrast Checker

Text on white

12.36:1

AA Pass AAA Pass

Text on black

1.7:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026