#624FEB

#624FEB

Color Values

HEX

#624FEB

RGB

98, 79, 235

HSL

247.3, 79.6%, 61.6%

HSV

247.3, 66.4%, 92.2%

CMYK

58.3%, 66.4%, 0.0%, 7.8%

OKLCH

0.5428 0.224 281.4

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#624FEB

#D8EB4F

Analogous

#4F8AEB

#B04FEB

#624FEB

Triadic

#624FEB

#EB624F

#4FEB62

Split Complementary

#624FEB

#EBB04F

#8AEB4F

Tetradic

#624FEB

#EB4F8A

#D8EB4F

#4FEBB0

Color Blindness Simulation

Original

#624FEB

Protanopia

#5A5AC5

Deuteranopia

#5B5CBC

Tritanopia

#61A7A1

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E4E1F9
200
#C6BFF8
300
#9D91F3
400
#6856EC
500
#331AE5
600
#2915B7
700
#201193
800
#190D72
900
#160E53
950
#0E0935

Contrast Checker

Text on white

5.47:1

AA Pass AAA Fail

Text on black

3.84:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026