#624CF5

#624CF5

Color Values

HEX

#624CF5

RGB

98, 76, 245

HSL

247.8, 89.4%, 62.9%

HSV

247.8, 69.0%, 96.1%

CMYK

60.0%, 69.0%, 0.0%, 3.9%

OKLCH

0.5471 0.2392 280.9

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#624CF5

#DFF54C

Analogous

#4C8AF5

#B64CF5

#624CF5

Triadic

#624CF5

#F5624C

#4CF562

Split Complementary

#624CF5

#F5B64C

#8AF54C

Tetradic

#624CF5

#F54C8A

#DFF54C

#4CF5B6

Color Blindness Simulation

Original

#624CF5

Protanopia

#5858CC

Deuteranopia

#5A5BC2

Tritanopia

#61ACA5

Achromatopsia

#5D5D5D

CSS Usage

background-color: #624CF5;
color: #624CF5;
border-color: #624CF5;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F3F2FD
100
#E3E0FB
200
#C4BBFB
300
#998BF9
400
#624CF5
500
#2B0EF1
600
#230BC1
700
#1C099B
800
#160779
900
#140957
950
#0C0637

Contrast Checker

Text on white

5.42:1

AA Pass AAA Fail

Text on black

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