#682F65

#682F65

Color Values

HEX

#682F65

RGB

104, 47, 101

HSL

303.2, 37.7%, 29.6%

HSV

303.2, 54.8%, 40.8%

CMYK

0.0%, 54.8%, 2.9%, 59.2%

OKLCH

0.4036 0.1102 329.4

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#682F65

#2F6832

Analogous

#4F2F68

#682F48

#682F65

Triadic

#682F65

#65682F

#2F6568

Split Complementary

#682F65

#48682F

#2F684F

Tetradic

#682F65

#684F2F

#2F6832

#2F4868

Color Blindness Simulation

Original

#682F65

Protanopia

#4F4F58

Deuteranopia

#535755

Tritanopia

#654E4B

Achromatopsia

#3F3F3F

CSS Usage

background-color: #682F65;
color: #682F65;
border-color: #682F65;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FAF5FA
100
#F3E7F2
200
#E9CEE7
300
#D9ABD6
400
#C47DC0
500
#B04FAA
600
#8C4088
700
#70336D
800
#582855
900
#41203F
950
#291428

Contrast Checker

Text on white

9.62:1

AA Pass AAA Pass

Text on black

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