#672FD0

#672FD0

Color Values

HEX

#672FD0

RGB

103, 47, 208

HSL

260.9, 63.1%, 50.0%

HSV

260.9, 77.4%, 81.6%

CMYK

50.5%, 77.4%, 0.0%, 18.4%

OKLCH

0.4827 0.226 291.2

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#672FD0

#98D02F

Analogous

#2F47D0

#B82FD0

#672FD0

Triadic

#672FD0

#D0672F

#2FD067

Split Complementary

#672FD0

#D0B82F

#47D02F

Tetradic

#672FD0

#D02F47

#98D02F

#2FD0B8

Color Blindness Simulation

Original

#672FD0

Protanopia

#4F4EA9

Deuteranopia

#5256A0

Tritanopia

#648A84

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#F6F3FB
100
#EAE4F7
200
#D4C5F2
300
#B69BE8
400
#8F65DC
500
#672FD0
600
#5226A6
700
#421E85
800
#341868
900
#28154C
950
#190D30

Contrast Checker

Text on white

7.26:1

AA Pass AAA Pass

Text on black

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