#624BB4

#624BB4

Color Values

HEX

#624BB4

RGB

98, 75, 180

HSL

253.1, 41.2%, 50.0%

HSV

253.1, 58.3%, 70.6%

CMYK

45.6%, 58.3%, 0.0%, 29.4%

OKLCH

0.493 0.1595 289.3

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#624BB4

#9DB44B

Analogous

#4B69B4

#964BB4

#624BB4

Triadic

#624BB4

#B4624B

#4BB462

Split Complementary

#624BB4

#B4964B

#69B44B

Tetradic

#624BB4

#B44B69

#9DB44B

#4BB496

Color Blindness Simulation

Original

#624BB4

Protanopia

#58589B

Deuteranopia

#595B94

Tritanopia

#618782

Achromatopsia

#575757

CSS Usage

background-color: #624BB4;
color: #624BB4;
border-color: #624BB4;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F6F5FA
100
#EAE7F3
200
#D3CDEA
300
#B4A9DB
400
#8B7AC8
500
#624BB4
600
#4E3C90
700
#3F3073
800
#31255A
900
#261E42
950
#18132A

Contrast Checker

Text on white

6.59:1

AA Pass AAA Fail

Text on black

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