#673347

#673347

Color Values

HEX

#673347

RGB

103, 51, 71

HSL

336.9, 33.8%, 30.2%

HSV

336.9, 50.5%, 40.4%

CMYK

0.0%, 50.5%, 31.1%, 59.6%

OKLCH

0.3952 0.0783 356.9

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#673347

#336753

Analogous

#673361

#673933

#673347

Triadic

#673347

#476733

#334767

Split Complementary

#673347

#336739

#336167

Tetradic

#673347

#616733

#336753

#393367

Color Blindness Simulation

Original

#673347

Protanopia

#505042

Deuteranopia

#545741

Tritanopia

#643E3E

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F2E8EC
200
#E7CFD9
300
#D6ADBD
400
#C18199
500
#AB5476
600
#88445E
700
#6D364B
800
#552A3B
900
#3F222D
950
#28151C

Contrast Checker

Text on white

9.81:1

AA Pass AAA Pass

Text on black

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