#674985

#674985

Color Values

HEX

#674985

RGB

103, 73, 133

HSL

270.0, 29.1%, 40.4%

HSV

270.0, 45.1%, 52.2%

CMYK

22.6%, 45.1%, 0.0%, 47.8%

OKLCH

0.4641 0.0997 305.9

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#674985

#678549

Analogous

#494985

#854985

#674985

Triadic

#674985

#856749

#498567

Split Complementary

#674985

#858549

#498549

Tetradic

#674985

#854949

#678549

#498585

Color Blindness Simulation

Original

#674985

Protanopia

#5A5A76

Deuteranopia

#5C5E73

Tritanopia

#666B68

Achromatopsia

#545454

CSS Usage

background-color: #674985;
color: #674985;
border-color: #674985;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F7F5F9
100
#EDE9F2
200
#DBD1E6
300
#C2B0D4
400
#A185BC
500
#805AA5
600
#664884
700
#523A69
800
#402D52
900
#30243D
950
#1F1727

Contrast Checker

Text on white

7.32:1

AA Pass AAA Pass

Text on black

2.87:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026