#680132

#680132

Color Values

HEX

#680132

RGB

104, 1, 50

HSL

331.5, 98.1%, 20.6%

HSV

331.5, 99.0%, 40.8%

CMYK

0.0%, 99.0%, 51.9%, 59.2%

OKLCH

0.335 0.1344 1.4

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#680132

#016837

Analogous

#680165

#680401

#680132

Triadic

#680132

#326801

#013268

Split Complementary

#680132

#016804

#016568

Tetradic

#680132

#656801

#016837

#040168

Color Blindness Simulation

Original

#680132

Protanopia

#3B3B26

Deuteranopia

#414923

Tritanopia

#631D1B

Achromatopsia

#1A1A1A

CSS Usage

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

Tailwind Shades

50
#FEF1F7
100
#FCDEEC
200
#FEB8DA
300
#FE86BF
400
#FD449C
500
#FD0279
600
#CA0261
700
#A2024E
800
#7E013D
900
#5B062E
950
#3A041D

Contrast Checker

Text on white

12.81:1

AA Pass AAA Pass

Text on black

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