#682C49

#682C49

Color Values

HEX

#682C49

RGB

104, 44, 73

HSL

331.0, 40.5%, 29.0%

HSV

331.0, 57.7%, 40.8%

CMYK

0.0%, 57.7%, 29.8%, 59.2%

OKLCH

0.386 0.0931 352.1

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#682C49

#2C684B

Analogous

#682C67

#682D2C

#682C49

Triadic

#682C49

#49682C

#2C4968

Split Complementary

#682C49

#2C682D

#2C6768

Tetradic

#682C49

#67682C

#2C684B

#2D2C68

Color Blindness Simulation

Original

#682C49

Protanopia

#4E4D42

Deuteranopia

#525640

Tritanopia

#653C3B

Achromatopsia

#3B3B3B

CSS Usage

background-color: #682C49;
color: #682C49;
border-color: #682C49;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FAF5F7
100
#F3E7ED
200
#EACDDB
300
#DBA9C1
400
#C77A9F
500
#B34C7E
600
#8F3D65
700
#733150
800
#5A263F
900
#421F30
950
#2A131E

Contrast Checker

Text on white

10.27:1

AA Pass AAA Pass

Text on black

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