#672AD5

#672AD5

Color Values

HEX

#672AD5

RGB

103, 42, 213

HSL

261.4, 67.1%, 50.0%

HSV

261.4, 80.3%, 83.5%

CMYK

51.6%, 80.3%, 0.0%, 16.5%

OKLCH

0.4824 0.2355 290.8

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#672AD5

#98D52A

Analogous

#2A42D5

#BD2AD5

#672AD5

Triadic

#672AD5

#D5672A

#2AD567

Split Complementary

#672AD5

#D5BD2A

#42D52A

Tetradic

#672AD5

#D52A42

#98D52A

#2AD5BD

Color Blindness Simulation

Original

#672AD5

Protanopia

#4D4CAC

Deuteranopia

#5055A2

Tritanopia

#648B84

Achromatopsia

#434343

CSS Usage

background-color: #672AD5;
color: #672AD5;
border-color: #672AD5;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F6F3FC
100
#EAE3F7
200
#D4C3F3
300
#B699EB
400
#8F61E0
500
#672AD5
600
#5222AA
700
#421B88
800
#33156B
900
#28134E
950
#190C31

Contrast Checker

Text on white

7.32:1

AA Pass AAA Pass

Text on black

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