#625CE0

#625CE0

Color Values

HEX

#625CE0

RGB

98, 92, 224

HSL

242.7, 68.0%, 62.0%

HSV

242.7, 58.9%, 87.8%

CMYK

56.2%, 58.9%, 0.0%, 12.2%

OKLCH

0.5547 0.1946 280.0

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#625CE0

#DAE05C

Analogous

#5C98E0

#A45CE0

#625CE0

Triadic

#625CE0

#E0625C

#5CE062

Split Complementary

#625CE0

#E0A45C

#98E05C

Tetradic

#625CE0

#E05C98

#DAE05C

#5CE0A4

Color Blindness Simulation

Original

#625CE0

Protanopia

#5F5FC0

Deuteranopia

#6060B8

Tritanopia

#62A7A1

Achromatopsia

#676767

CSS Usage

background-color: #625CE0;
color: #625CE0;
border-color: #625CE0;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F3F3FC
100
#E4E3F7
200
#C5C3F4
300
#9C98EB
400
#6660E1
500
#3129D6
600
#2721AB
700
#1F1A89
800
#18146B
900
#15134E
950
#0E0C31

Contrast Checker

Text on white

5.09:1

AA Pass AAA Fail

Text on black

4.13:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026