#64708B

#64708B

Color Values

HEX

#64708B

RGB

100, 112, 139

HSL

221.5, 16.3%, 46.9%

HSV

221.5, 28.1%, 54.5%

CMYK

28.1%, 19.4%, 0.0%, 45.5%

OKLCH

0.5453 0.0447 266.2

Properties

Cool Dark Nearest: RAL 5014 Pigeon Blue

Color Harmonies

Complementary

#64708B

#8B7F64

Analogous

#64848B

#6C648B

#64708B

Triadic

#64708B

#8B6470

#708B64

Split Complementary

#64708B

#8B6C64

#848B64

Tetradic

#64708B

#8B6484

#8B7F64

#648B6C

Color Blindness Simulation

Original

#64708B

Protanopia

#696984

Deuteranopia

#686883

Tritanopia

#657F7E

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EBECF0
200
#D5D9E1
300
#B8BECC
400
#919BB0
500
#6B7894
600
#556077
700
#444D5F
800
#353C4A
900
#292E38
950
#1A1D23

Contrast Checker

Text on white

4.96:1

AA Pass AAA Fail

Text on black

4.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