#680437

#680437

Color Values

HEX

#680437

RGB

104, 4, 55

HSL

329.4, 92.6%, 21.2%

HSV

329.4, 96.2%, 40.8%

CMYK

0.0%, 96.2%, 47.1%, 59.2%

OKLCH

0.3387 0.1339 358.2

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#680437

#046835

Analogous

#670468

#680405

#680437

Triadic

#680437

#376804

#043768

Split Complementary

#680437

#056804

#046867

Tetradic

#680437

#686704

#046835

#040568

Color Blindness Simulation

Original

#680437

Protanopia

#3D3C2B

Deuteranopia

#424A28

Tritanopia

#63211F

Achromatopsia

#1D1D1D

CSS Usage

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

Tailwind Shades

50
#FDF1F7
100
#FBDFED
200
#FCBADC
300
#FA89C3
400
#F849A2
500
#F60982
600
#C40868
700
#9D0653
800
#7B0541
900
#590831
950
#38051F

Contrast Checker

Text on white

12.64:1

AA Pass AAA Pass

Text on black

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