#680237

#680237

Color Values

HEX

#680237

RGB

104, 2, 55

HSL

328.8, 96.2%, 20.8%

HSV

328.8, 98.1%, 40.8%

CMYK

0.0%, 98.1%, 47.1%, 59.2%

OKLCH

0.3375 0.1355 358.0

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#680237

#026833

Analogous

#660268

#680204

#680237

Triadic

#680237

#376802

#023768

Split Complementary

#680237

#046802

#026866

Tetradic

#680237

#686602

#026833

#020468

Color Blindness Simulation

Original

#680237

Protanopia

#3C3B2A

Deuteranopia

#424927

Tritanopia

#63201E

Achromatopsia

#1C1C1C

CSS Usage

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

Tailwind Shades

50
#FEF1F8
100
#FCDFEE
200
#FEB9DD
300
#FD87C4
400
#FB46A4
500
#FA0584
600
#C8046A
700
#A00355
800
#7D0242
900
#5A0732
950
#390420

Contrast Checker

Text on white

12.71:1

AA Pass AAA Pass

Text on black

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