#671CE3

#671CE3

Color Values

HEX

#671CE3

RGB

103, 28, 227

HSL

262.6, 78.0%, 50.0%

HSV

262.6, 87.7%, 89.0%

CMYK

54.6%, 87.7%, 0.0%, 11.0%

OKLCH

0.4855 0.2588 289.3

Properties

Cool Dark Nearest: purple 2

Color Harmonies

Complementary

#671CE3

#98E31C

Analogous

#1C35E3

#CA1CE3

#671CE3

Triadic

#671CE3

#E3671C

#1CE367

Split Complementary

#671CE3

#E3CA1C

#35E31C

Tetradic

#671CE3

#E31C35

#98E31C

#1CE3CA

Color Blindness Simulation

Original

#671CE3

Protanopia

#4746B3

Deuteranopia

#4B50A7

Tritanopia

#638D84

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#F6F2FC
100
#EAE1F9
200
#D4BFF7
300
#B692F2
400
#8E57EA
500
#671CE3
600
#5216B6
700
#421291
800
#330E71
900
#280E52
950
#190934

Contrast Checker

Text on white

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