#671B39

#671B39

Color Values

HEX

#671B39

RGB

103, 27, 57

HSL

336.3, 58.5%, 25.5%

HSV

336.3, 73.8%, 40.4%

CMYK

0.0%, 73.8%, 44.7%, 59.6%

OKLCH

0.3555 0.1113 0.5

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#671B39

#1B6749

Analogous

#671B5F

#67231B

#671B39

Triadic

#671B39

#39671B

#1B3967

Split Complementary

#671B39

#1B6723

#1B5F67

Tetradic

#671B39

#5F671B

#1B6749

#231B67

Color Blindness Simulation

Original

#671B39

Protanopia

#464532

Deuteranopia

#4A5030

Tritanopia

#632C2B

Achromatopsia

#2D2D2D

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F6E4EB
200
#F0C6D7
300
#E69EBA
400
#D86995
500
#CA3570
600
#A22A59
700
#812248
800
#651A38
900
#4A172B
950
#2F0E1B

Contrast Checker

Text on white

11.72:1

AA Pass AAA Pass

Text on black

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