#673089

#673089

Color Values

HEX

#673089

RGB

103, 48, 137

HSL

277.1, 48.1%, 36.3%

HSV

277.1, 65.0%, 53.7%

CMYK

24.8%, 65.0%, 0.0%, 46.3%

OKLCH

0.4259 0.1467 310.1

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#673089

#528930

Analogous

#3B3089

#89307F

#673089

Triadic

#673089

#896730

#308967

Split Complementary

#673089

#7F8930

#30893B

Tetradic

#673089

#893B30

#528930

#307F89

Color Blindness Simulation

Original

#673089

Protanopia

#4F4F73

Deuteranopia

#52566E

Tritanopia

#64625F

Achromatopsia

#424242

CSS Usage

background-color: #673089;
color: #673089;
border-color: #673089;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#F8F4FA
100
#EFE6F4
200
#DFCAEC
300
#C9A4DF
400
#AB73CE
500
#8E42BD
600
#723597
700
#5B2A79
800
#47215E
900
#351B45
950
#22112C

Contrast Checker

Text on white

8.9:1

AA Pass AAA Pass

Text on black

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