#680336

#680336

Color Values

HEX

#680336

RGB

104, 3, 54

HSL

329.7, 94.4%, 21.0%

HSV

329.7, 97.1%, 40.8%

CMYK

0.0%, 97.1%, 48.1%, 59.2%

OKLCH

0.3377 0.1343 358.8

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#680336

#036835

Analogous

#680368

#680304

#680336

Triadic

#680336

#366803

#033668

Split Complementary

#680336

#046803

#036868

Tetradic

#680336

#686803

#036835

#030468

Color Blindness Simulation

Original

#680336

Protanopia

#3C3B2A

Deuteranopia

#424A27

Tritanopia

#63201E

Achromatopsia

#1C1C1C

CSS Usage

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

Tailwind Shades

50
#FDF1F7
100
#FBDFED
200
#FDBADC
300
#FC88C2
400
#FA48A2
500
#F80781
600
#C60667
700
#9F0552
800
#7C0440
900
#5A0731
950
#39051F

Contrast Checker

Text on white

12.69:1

AA Pass AAA Pass

Text on black

1.65:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026