#674495

#674495

Color Values

HEX

#674495

RGB

103, 68, 149

HSL

265.9, 37.3%, 42.5%

HSV

265.9, 54.4%, 58.4%

CMYK

30.9%, 54.4%, 0.0%, 41.6%

OKLCH

0.4648 0.1296 301.5

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#674495

#729544

Analogous

#444995

#8F4495

#674495

Triadic

#674495

#956744

#449567

Split Complementary

#674495

#958F44

#499544

Tetradic

#674495

#954449

#729544

#44958F

Color Blindness Simulation

Original

#674495

Protanopia

#585881

Deuteranopia

#5A5C7D

Tritanopia

#65726F

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#ECE7F3
200
#D9CEE9
300
#BFABD9
400
#9C7DC4
500
#7950AF
600
#61408C
700
#4D3370
800
#3D2858
900
#2E2041
950
#1D1429

Contrast Checker

Text on white

7.4:1

AA Pass AAA Pass

Text on black

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