#645979

#645979

Color Values

HEX

#645979

RGB

100, 89, 121

HSL

260.6, 15.2%, 41.2%

HSV

260.6, 26.4%, 47.5%

CMYK

17.4%, 26.4%, 0.0%, 52.5%

OKLCH

0.4869 0.0521 300.2

Properties

Cool Dark Nearest: RAL 5014 Pigeon Blue

Color Harmonies

Complementary

#645979

#6E7959

Analogous

#595E79

#745979

#645979

Triadic

#645979

#796459

#597964

Split Complementary

#645979

#797459

#5E7959

Tetradic

#645979

#79595E

#6E7959

#597974

Color Blindness Simulation

Original

#645979

Protanopia

#5F5F71

Deuteranopia

#60616F

Tritanopia

#636B6A

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#F7F6F8
100
#ECEBEF
200
#DAD6E1
300
#BFB8CB
400
#9C92AF
500
#796C93
600
#615676
700
#4E455E
800
#3D3649
900
#2E2A37
950
#1D1A23

Contrast Checker

Text on white

6.47:1

AA Pass AAA Fail

Text on black

3.25:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026