#672161

#672161

Color Values

HEX

#672161

RGB

103, 33, 97

HSL

305.1, 51.5%, 26.7%

HSV

305.1, 68.0%, 40.4%

CMYK

0.0%, 68.0%, 5.8%, 59.6%

OKLCH

0.3811 0.1288 331.4

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#672161

#216727

Analogous

#4A2167

#67213E

#672161

Triadic

#672161

#616721

#216167

Split Complementary

#672161

#3E6721

#21674A

Tetradic

#672161

#674A21

#216727

#213E67

Color Blindness Simulation

Original

#672161

Protanopia

#494852

Deuteranopia

#4D524E

Tritanopia

#644543

Achromatopsia

#353535

CSS Usage

background-color: #672161;
color: #672161;
border-color: #672161;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FBF4FA
100
#F5E5F4
200
#EEC9EB
300
#E1A2DC
400
#D170C9
500
#C13EB6
600
#9B3192
700
#7C2874
800
#611F5B
900
#471A43
950
#2D102A

Contrast Checker

Text on white

10.68:1

AA Pass AAA Pass

Text on black

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