#680435

#680435

Color Values

HEX

#680435

RGB

104, 4, 53

HSL

330.6, 92.6%, 21.2%

HSV

330.6, 96.2%, 40.8%

CMYK

0.0%, 96.2%, 49.0%, 59.2%

OKLCH

0.3379 0.1331 359.6

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#680435

#046837

Analogous

#680467

#680504

#680435

Triadic

#680435

#356804

#043568

Split Complementary

#680435

#046805

#046768

Tetradic

#680435

#676804

#046837

#050468

Color Blindness Simulation

Original

#680435

Protanopia

#3D3C29

Deuteranopia

#424A26

Tritanopia

#63201E

Achromatopsia

#1D1D1D

CSS Usage

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

Tailwind Shades

50
#FDF1F7
100
#FBDFED
200
#FCBADB
300
#FA89C1
400
#F8499F
500
#F6097D
600
#C40864
700
#9D0650
800
#7B053F
900
#590830
950
#38051E

Contrast Checker

Text on white

12.67:1

AA Pass AAA Pass

Text on black

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