#672663

#672663

Color Values

HEX

#672663

RGB

103, 38, 99

HSL

303.7, 46.1%, 27.6%

HSV

303.7, 63.1%, 40.4%

CMYK

0.0%, 63.1%, 3.9%, 59.6%

OKLCH

0.3884 0.1229 330.1

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#672663

#26672A

Analogous

#4A2667

#672642

#672663

Triadic

#672663

#636726

#266367

Split Complementary

#672663

#426726

#26674A

Tetradic

#672663

#674A26

#26672A

#264267

Color Blindness Simulation

Original

#672663

Protanopia

#4B4A54

Deuteranopia

#4F5451

Tritanopia

#644946

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F4E6F3
200
#ECCBEA
300
#DEA6DB
400
#CC75C7
500
#BA45B3
600
#95378F
700
#772C73
800
#5D225A
900
#451C42
950
#2B122A

Contrast Checker

Text on white

10.32:1

AA Pass AAA Pass

Text on black

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