#674FF2

#674FF2

Color Values

HEX

#674FF2

RGB

103, 79, 242

HSL

248.8, 86.2%, 62.9%

HSV

248.8, 67.4%, 94.9%

CMYK

57.4%, 67.4%, 0.0%, 5.1%

OKLCH

0.5526 0.2316 282.4

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#674FF2

#DAF24F

Analogous

#4F88F2

#B84FF2

#674FF2

Triadic

#674FF2

#F2674F

#4FF267

Split Complementary

#674FF2

#F2B84F

#88F24F

Tetradic

#674FF2

#F24F88

#DAF24F

#4FF2B8

Color Blindness Simulation

Original

#674FF2

Protanopia

#5D5CCB

Deuteranopia

#5E60C1

Tritanopia

#66ABA5

Achromatopsia

#606060

CSS Usage

background-color: #674FF2;
color: #674FF2;
border-color: #674FF2;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F3F2FD
100
#E4E0FA
200
#C6BDFA
300
#9D8DF7
400
#674FF2
500
#3212ED
600
#280EBE
700
#200B98
800
#190977
900
#160B56
950
#0E0736

Contrast Checker

Text on white

5.28:1

AA Pass AAA Fail

Text on black

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