#624DA4

#624DA4

Color Values

HEX

#624DA4

RGB

98, 77, 164

HSL

254.5, 36.1%, 47.3%

HSV

254.5, 53.0%, 64.3%

CMYK

40.2%, 53.0%, 0.0%, 35.7%

OKLCH

0.4853 0.1349 291.7

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#624DA4

#8FA44D

Analogous

#4D64A4

#8E4DA4

#624DA4

Triadic

#624DA4

#A4624D

#4DA462

Split Complementary

#624DA4

#A48E4D

#64A44D

Tetradic

#624DA4

#A44D64

#8FA44D

#4DA48E

Color Blindness Simulation

Original

#624DA4

Protanopia

#59598F

Deuteranopia

#5A5C8A

Tritanopia

#617E7B

Achromatopsia

#585858

CSS Usage

background-color: #624DA4;
color: #624DA4;
border-color: #624DA4;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F6F5FA
100
#EAE8F3
200
#D5CEE8
300
#B6ACD8
400
#8F7FC3
500
#6851AE
600
#53418B
700
#42346F
800
#342957
900
#282140
950
#191529

Contrast Checker

Text on white

6.74:1

AA Pass AAA Fail

Text on black

3.12:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026