#624FEA

#624FEA

Color Values

HEX

#624FEA

RGB

98, 79, 234

HSL

247.4, 78.7%, 61.4%

HSV

247.4, 66.2%, 91.8%

CMYK

58.1%, 66.2%, 0.0%, 8.2%

OKLCH

0.542 0.2228 281.5

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#624FEA

#D7EA4F

Analogous

#4F89EA

#B04FEA

#624FEA

Triadic

#624FEA

#EA624F

#4FEA62

Split Complementary

#624FEA

#EAB04F

#89EA4F

Tetradic

#624FEA

#EA4F89

#D7EA4F

#4FEAB0

Color Blindness Simulation

Original

#624FEA

Protanopia

#5A5AC5

Deuteranopia

#5B5CBB

Tritanopia

#61A7A0

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#F3F2FC
100
#E4E1F9
200
#C6BFF7
300
#9E92F2
400
#6956EB
500
#341BE4
600
#2A16B6
700
#211192
800
#1A0E72
900
#170E53
950
#0E0934

Contrast Checker

Text on white

5.49:1

AA Pass AAA Fail

Text on black

3.83:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026