#680F3D

#680F3D

Color Values

HEX

#680F3D

RGB

104, 15, 61

HSL

329.0, 74.8%, 23.3%

HSV

329.0, 85.6%, 40.8%

CMYK

0.0%, 85.6%, 41.3%, 59.2%

OKLCH

0.3477 0.1277 355.2

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#680F3D

#0F683A

Analogous

#660F68

#680F10

#680F3D

Triadic

#680F3D

#3D680F

#0F3D68

Split Complementary

#680F3D

#10680F

#0F6866

Tetradic

#680F3D

#68660F

#0F683A

#0F1068

Color Blindness Simulation

Original

#680F3D

Protanopia

#414132

Deuteranopia

#474D2F

Tritanopia

#642927

Achromatopsia

#252525

CSS Usage

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

Tailwind Shades

50
#FCF2F8
100
#F8E2EE
200
#F6C1DC
300
#F094C3
400
#E75AA3
500
#DF2083
600
#B21A69
700
#8F1554
800
#6F1041
900
#511032
950
#330A1F

Contrast Checker

Text on white

12.18:1

AA Pass AAA Pass

Text on black

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