#673153

#673153

Color Values

HEX

#673153

RGB

103, 49, 83

HSL

322.2, 35.5%, 29.8%

HSV

322.2, 52.4%, 40.4%

CMYK

0.0%, 52.4%, 19.4%, 59.6%

OKLCH

0.3966 0.0896 343.4

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#673153

#316745

Analogous

#603167

#673138

#673153

Triadic

#673153

#536731

#315367

Split Complementary

#673153

#386731

#316760

Tetradic

#673153

#676031

#316745

#313867

Color Blindness Simulation

Original

#673153

Protanopia

#504F4B

Deuteranopia

#535749

Tritanopia

#644443

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F3E8EF
200
#E8CFDF
300
#D8ACC7
400
#C27FA9
500
#AD528B
600
#8A426F
700
#6F3559
800
#562946
900
#402134
950
#281521

Contrast Checker

Text on white

9.81:1

AA Pass AAA Pass

Text on black

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