#625CB2

#625CB2

Color Values

HEX

#625CB2

RGB

98, 92, 178

HSL

244.2, 35.8%, 52.9%

HSV

244.2, 48.3%, 69.8%

CMYK

44.9%, 48.3%, 0.0%, 30.2%

OKLCH

0.5224 0.132 284.0

Properties

Cool Dark Nearest: Blue Violet

Color Harmonies

Complementary

#625CB2

#ACB25C

Analogous

#5C81B2

#8D5CB2

#625CB2

Triadic

#625CB2

#B2625C

#5CB262

Split Complementary

#625CB2

#B28D5C

#81B25C

Tetradic

#625CB2

#B25C81

#ACB25C

#5CB28D

Color Blindness Simulation

Original

#625CB2

Protanopia

#5F5F9D

Deuteranopia

#606098

Tritanopia

#628D89

Achromatopsia

#636363

CSS Usage

background-color: #625CB2;
color: #625CB2;
border-color: #625CB2;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5FA
100
#E8E8F3
200
#D0CFE8
300
#AFACD8
400
#847FC2
500
#5852AD
600
#47418B
700
#38346F
800
#2C2957
900
#232140
950
#161528

Contrast Checker

Text on white

5.69:1

AA Pass AAA Fail

Text on black

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