#672F49

#672F49

Color Values

HEX

#672F49

RGB

103, 47, 73

HSL

332.1, 37.3%, 29.4%

HSV

332.1, 54.4%, 40.4%

CMYK

0.0%, 54.4%, 29.1%, 59.6%

OKLCH

0.3892 0.0866 352.7

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#672F49

#2F674D

Analogous

#672F65

#67312F

#672F49

Triadic

#672F49

#49672F

#2F4967

Split Complementary

#672F49

#2F6731

#2F6567

Tetradic

#672F49

#65672F

#2F674D

#312F67

Color Blindness Simulation

Original

#672F49

Protanopia

#4F4E43

Deuteranopia

#525641

Tritanopia

#643E3D

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F3E7ED
200
#E9CEDA
300
#D9ABC0
400
#C47D9E
500
#AF507C
600
#8C4063
700
#70334F
800
#58283E
900
#41202F
950
#29141E

Contrast Checker

Text on white

10.1:1

AA Pass AAA Pass

Text on black

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