#674686

#674686

Color Values

HEX

#674686

RGB

103, 70, 134

HSL

270.9, 31.4%, 40.0%

HSV

270.9, 47.8%, 52.5%

CMYK

23.1%, 47.8%, 0.0%, 47.5%

OKLCH

0.4591 0.1064 306.5

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#674686

#658646

Analogous

#474686

#864685

#674686

Triadic

#674686

#866746

#468667

Split Complementary

#674686

#858646

#468647

Tetradic

#674686

#864746

#658646

#468586

Color Blindness Simulation

Original

#674686

Protanopia

#595877

Deuteranopia

#5B5D73

Tritanopia

#656A68

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#F7F5F9
100
#EDE8F2
200
#DCD0E7
300
#C2AFD5
400
#A283BE
500
#8157A8
600
#674686
700
#52386B
800
#402C54
900
#31233E
950
#1F1627

Contrast Checker

Text on white

7.51:1

AA Pass AAA Pass

Text on black

2.8:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026