#680E3D

#680E3D

Color Values

HEX

#680E3D

RGB

104, 14, 61

HSL

328.7, 76.3%, 23.1%

HSV

328.7, 86.5%, 40.8%

CMYK

0.0%, 86.5%, 41.3%, 59.2%

OKLCH

0.347 0.1286 355.0

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#680E3D

#0E6839

Analogous

#660E68

#680E10

#680E3D

Triadic

#680E3D

#3D680E

#0E3D68

Split Complementary

#680E3D

#10680E

#0E6866

Tetradic

#680E3D

#68660E

#0E6839

#0E1068

Color Blindness Simulation

Original

#680E3D

Protanopia

#414032

Deuteranopia

#464D2F

Tritanopia

#642927

Achromatopsia

#252525

CSS Usage

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

Tailwind Shades

50
#FCF2F8
100
#F9E2EE
200
#F7C0DC
300
#F093C4
400
#E959A4
500
#E11E84
600
#B41869
700
#901354
800
#700F42
900
#520F32
950
#340A20

Contrast Checker

Text on white

12.22:1

AA Pass AAA Pass

Text on black

1.72:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026