#680F41

#680F41

Color Values

HEX

#680F41

RGB

104, 15, 65

HSL

326.3, 74.8%, 23.3%

HSV

326.3, 85.6%, 40.8%

CMYK

0.0%, 85.6%, 37.5%, 59.2%

OKLCH

0.3494 0.1296 352.2

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#680F41

#0F6836

Analogous

#620F68

#680F14

#680F41

Triadic

#680F41

#41680F

#0F4168

Split Complementary

#680F41

#14680F

#0F6862

Tetradic

#680F41

#68620F

#0F6836

#0F1468

Color Blindness Simulation

Original

#680F41

Protanopia

#414135

Deuteranopia

#474D32

Tritanopia

#642B29

Achromatopsia

#262626

CSS Usage

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

Tailwind Shades

50
#FCF2F8
100
#F8E2EF
200
#F6C1DF
300
#F094C7
400
#E75AA9
500
#DF208B
600
#B21A6F
700
#8F1559
800
#6F1046
900
#511034
950
#330A21

Contrast Checker

Text on white

12.12:1

AA Pass AAA Pass

Text on black

1.73:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026