#645782

#645782

Color Values

HEX

#645782

RGB

100, 87, 130

HSL

258.1, 19.8%, 42.5%

HSV

258.1, 33.1%, 51.0%

CMYK

23.1%, 33.1%, 0.0%, 49.0%

OKLCH

0.487 0.0692 297.7

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#645782

#758257

Analogous

#575F82

#795782

#645782

Triadic

#645782

#826457

#578264

Split Complementary

#645782

#827957

#5F8257

Tetradic

#645782

#82575F

#758257

#578279

Color Blindness Simulation

Original

#645782

Protanopia

#5E5E78

Deuteranopia

#5F6075

Tritanopia

#636F6E

Achromatopsia

#5D5D5D

CSS Usage

background-color: #645782;
color: #645782;
border-color: #645782;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F7F6F9
100
#ECEAF0
200
#D8D4E2
300
#BDB6CE
400
#998EB3
500
#756699
600
#5E527A
700
#4B4162
800
#3B334C
900
#2D2839
950
#1C1924

Contrast Checker

Text on white

6.51:1

AA Pass AAA Fail

Text on black

3.23:1

AA Fail AAA Fail

Related Articles

Brand Stories

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

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026