#64829D

#64829D

Color Values

HEX

#64829D

RGB

100, 130, 157

HSL

208.4, 22.5%, 50.4%

HSV

208.4, 36.3%, 61.6%

CMYK

36.3%, 17.2%, 0.0%, 38.4%

OKLCH

0.5938 0.0538 246.0

Properties

Cool Light Nearest: lightskyblue 4

Color Harmonies

Complementary

#64829D

#9D7F64

Analogous

#649D9B

#64669D

#64829D

Triadic

#64829D

#9D6482

#829D64

Split Complementary

#64829D

#9D6466

#9D9B64

Tetradic

#64829D

#9B649D

#9D7F64

#669D64

Color Blindness Simulation

Original

#64829D

Protanopia

#717196

Deuteranopia

#6F6D95

Tritanopia

#669190

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAEDF1
200
#D3DCE3
300
#B4C3D0
400
#8BA2B6
500
#63819C
600
#4F677D
700
#3F5364
800
#31414E
900
#27313A
950
#181F25

Contrast Checker

Text on white

4.02:1

AA Fail AAA Fail

Text on black

5.22:1

AA Pass 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