#64809B

#64809B

Color Values

HEX

#64809B

RGB

100, 128, 155

HSL

209.5, 21.6%, 50.0%

HSV

209.5, 35.5%, 60.8%

CMYK

35.5%, 17.4%, 0.0%, 39.2%

OKLCH

0.5884 0.0526 247.8

Properties

Cool Light Nearest: lightskyblue 4

Color Harmonies

Complementary

#64809B

#9B7F64

Analogous

#649B9B

#64649B

#64809B

Triadic

#64809B

#9B6480

#809B64

Split Complementary

#64809B

#9B6464

#9B9B64

Tetradic

#64809B

#9B649B

#9B7F64

#649B64

Color Blindness Simulation

Original

#64809B

Protanopia

#707094

Deuteranopia

#6E6C93

Tritanopia

#658F8E

Achromatopsia

#7C7C7C

CSS Usage

background-color: #64809B;
color: #64809B;
border-color: #64809B;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F7F9
100
#EAEDF0
200
#D4DBE3
300
#B5C2CF
400
#8CA1B5
500
#64809B
600
#50667C
700
#405263
800
#32404E
900
#27313A
950
#191F25

Contrast Checker

Text on white

4.12:1

AA Fail AAA Fail

Text on black

5.1:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026