#674B94

#674B94

Color Values

HEX

#674B94

RGB

103, 75, 148

HSL

263.0, 32.7%, 43.7%

HSV

263.0, 49.3%, 58.0%

CMYK

30.4%, 49.3%, 0.0%, 42.0%

OKLCH

0.4765 0.1166 299.7

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#674B94

#78944B

Analogous

#4B5394

#8B4B94

#674B94

Triadic

#674B94

#94674B

#4B9467

Split Complementary

#674B94

#948B4B

#53944B

Tetradic

#674B94

#944B53

#78944B

#4B948B

Color Blindness Simulation

Original

#674B94

Protanopia

#5B5B82

Deuteranopia

#5C5F7E

Tritanopia

#667471

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#F7F5F9
100
#ECE8F2
200
#D9D0E7
300
#BDAED6
400
#9982C0
500
#7656A9
600
#5E4587
700
#4B376C
800
#3B2B55
900
#2D223F
950
#1C1628

Contrast Checker

Text on white

6.97:1

AA Pass AAA Fail

Text on black

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