#671DE2

#671DE2

Color Values

HEX

#671DE2

RGB

103, 29, 226

HSL

262.5, 77.3%, 50.0%

HSV

262.5, 87.2%, 88.6%

CMYK

54.4%, 87.2%, 0.0%, 11.4%

OKLCH

0.4851 0.2573 289.4

Properties

Cool Dark Nearest: purple 2

Color Harmonies

Complementary

#671DE2

#98E21D

Analogous

#1D36E2

#C91DE2

#671DE2

Triadic

#671DE2

#E2671D

#1DE267

Split Complementary

#671DE2

#E2C91D

#36E21D

Tetradic

#671DE2

#E21D36

#98E21D

#1DE2C9

Color Blindness Simulation

Original

#671DE2

Protanopia

#4746B2

Deuteranopia

#4B51A7

Tritanopia

#638D84

Achromatopsia

#3B3B3B

CSS Usage

background-color: #671DE2;
color: #671DE2;
border-color: #671DE2;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F6F2FC
100
#EAE1F9
200
#D4C0F7
300
#B692F1
400
#8E58EA
500
#671DE2
600
#5217B5
700
#421391
800
#330E71
900
#280F52
950
#190934

Contrast Checker

Text on white

7.37:1

AA Pass AAA Pass

Text on black

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