#682347

#682347

Color Values

HEX

#682347

RGB

104, 35, 71

HSL

328.7, 49.6%, 27.3%

HSV

328.7, 66.3%, 40.8%

CMYK

0.0%, 66.3%, 31.7%, 59.2%

OKLCH

0.3724 0.1071 351.2

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#682347

#236844

Analogous

#672368

#682325

#682347

Triadic

#682347

#476823

#234768

Split Complementary

#682347

#256823

#236867

Tetradic

#682347

#686723

#236844

#232568

Color Blindness Simulation

Original

#682347

Protanopia

#4A4A3E

Deuteranopia

#4E533C

Tritanopia

#653736

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E6ED
200
#EDCADC
300
#E0A3C3
400
#CF72A3
500
#BF4082
600
#993368
700
#7A2953
800
#5F2041
900
#461B31
950
#2C111F

Contrast Checker

Text on white

10.94:1

AA Pass AAA Pass

Text on black

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