#645AB1

#645AB1

Color Values

HEX

#645AB1

RGB

100, 90, 177

HSL

246.9, 35.8%, 52.4%

HSV

246.9, 49.2%, 69.4%

CMYK

43.5%, 49.2%, 0.0%, 30.6%

OKLCH

0.5196 0.1334 286.0

Properties

Cool Dark Nearest: Blue Violet

Color Harmonies

Complementary

#645AB1

#A7B15A

Analogous

#5A7CB1

#905AB1

#645AB1

Triadic

#645AB1

#B1645A

#5AB164

Split Complementary

#645AB1

#B1905A

#7CB15A

Tetradic

#645AB1

#B15A7C

#A7B15A

#5AB190

Color Blindness Simulation

Original

#645AB1

Protanopia

#60609C

Deuteranopia

#606197

Tritanopia

#648B88

Achromatopsia

#626262

CSS Usage

background-color: #645AB1;
color: #645AB1;
border-color: #645AB1;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F6F5FA
100
#E9E8F3
200
#D1CFE8
300
#B1ACD8
400
#877FC2
500
#5C52AD
600
#4A418B
700
#3B346F
800
#2E2957
900
#242140
950
#171528

Contrast Checker

Text on white

5.77:1

AA Pass AAA Fail

Text on black

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