#672437

#672437

Color Values

HEX

#672437

RGB

103, 36, 55

HSL

343.0, 48.2%, 27.3%

HSV

343.0, 65.0%, 40.4%

CMYK

0.0%, 65.0%, 46.6%, 59.6%

OKLCH

0.3662 0.0977 5.7

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#672437

#246754

Analogous

#672459

#673324

#672437

Triadic

#672437

#376724

#243767

Split Complementary

#672437

#246733

#245967

Tetradic

#672437

#596724

#246754

#332467

Color Blindness Simulation

Original

#672437

Protanopia

#4A4932

Deuteranopia

#4E5331

Tritanopia

#642F2E

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#FAF4F6
100
#F4E6EA
200
#EDCAD4
300
#DFA4B5
400
#CE738D
500
#BD4265
600
#973551
700
#792A41
800
#5E2132
900
#451B27
950
#2C1119

Contrast Checker

Text on white

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