#682142

#682142

Color Values

HEX

#682142

RGB

104, 33, 66

HSL

332.1, 51.8%, 26.9%

HSV

332.1, 68.3%, 40.8%

CMYK

0.0%, 68.3%, 36.5%, 59.2%

OKLCH

0.3678 0.1075 355.0

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#682142

#216847

Analogous

#682166

#682421

#682142

Triadic

#682142

#426821

#214268

Split Complementary

#682142

#216824

#216668

Tetradic

#682142

#666821

#216847

#242168

Color Blindness Simulation

Original

#682142

Protanopia

#49493A

Deuteranopia

#4D5338

Tritanopia

#643432

Achromatopsia

#323232

CSS Usage

background-color: #682142;
color: #682142;
border-color: #682142;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FBF4F7
100
#F5E5ED
200
#EEC9DA
300
#E2A2C0
400
#D2709D
500
#C23D7B
600
#9B3162
700
#7C274F
800
#611F3D
900
#471A2F
950
#2D101E

Contrast Checker

Text on white

11.14:1

AA Pass AAA Pass

Text on black

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