#64668D

#64668D

Color Values

HEX

#64668D

RGB

100, 102, 141

HSL

237.1, 17.0%, 47.3%

HSV

237.1, 29.1%, 55.3%

CMYK

29.1%, 27.7%, 0.0%, 44.7%

OKLCH

0.5241 0.0613 281.8

Properties

Cool Dark Nearest: RAL 5014 Pigeon Blue

Color Harmonies

Complementary

#64668D

#8D8B64

Analogous

#647B8D

#77648D

#64668D

Triadic

#64668D

#8D6466

#668D64

Split Complementary

#64668D

#8D7764

#7B8D64

Tetradic

#64668D

#8D647B

#8D8B64

#648D77

Color Blindness Simulation

Original

#64668D

Protanopia

#656584

Deuteranopia

#656581

Tritanopia

#647C7A

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F6F6F8
100
#EBEBF0
200
#D5D6E1
300
#B7B8CC
400
#9192B1
500
#6A6C95
600
#555677
700
#44455F
800
#35364B
900
#292A38
950
#1A1A23

Contrast Checker

Text on white

5.49:1

AA Pass AAA Fail

Text on black

3.83:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026