#670C98

#670C98

Color Values

HEX

#670C98

RGB

103, 12, 152

HSL

279.0, 85.4%, 32.2%

HSV

279.0, 92.1%, 59.6%

CMYK

32.2%, 92.1%, 0.0%, 40.4%

OKLCH

0.405 0.1981 308.2

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#670C98

#3D980C

Analogous

#210C98

#980C83

#670C98

Triadic

#670C98

#98670C

#0C9867

Split Complementary

#670C98

#83980C

#0C9821

Tetradic

#670C98

#98210C

#3D980C

#0C8398

Color Blindness Simulation

Original

#670C98

Protanopia

#403F76

Deuteranopia

#454C6E

Tritanopia

#625B56

Achromatopsia

#292929

CSS Usage

background-color: #670C98;
color: #670C98;
border-color: #670C98;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F9F2FD
100
#F1E0FA
200
#E4BDFA
300
#D18EF6
400
#B950F1
500
#A013EC
600
#800FBD
700
#670C97
800
#500976
900
#3C0B56
950
#260736

Contrast Checker

Text on white

10.08:1

AA Pass AAA Pass

Text on black

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