#646C84

#646C84

Color Values

HEX

#646C84

RGB

100, 108, 132

HSL

225.0, 13.8%, 45.5%

HSV

225.0, 24.2%, 51.8%

CMYK

24.2%, 18.2%, 0.0%, 48.2%

OKLCH

0.5334 0.039 270.6

Properties

Cool Dark Nearest: RAL 5014 Pigeon Blue

Color Harmonies

Complementary

#646C84

#847C64

Analogous

#647C84

#6C6484

#646C84

Triadic

#646C84

#84646C

#6C8464

Split Complementary

#646C84

#846C64

#7C8464

Tetradic

#646C84

#84647C

#847C64

#64846C

Color Blindness Simulation

Original

#646C84

Protanopia

#67687E

Deuteranopia

#67667D

Tritanopia

#647A79

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EBECEF
200
#D6D9E0
300
#B9BECA
400
#949AAE
500
#6E7791
600
#585F74
700
#464C5D
800
#373B49
900
#2A2D36
950
#1B1D22

Contrast Checker

Text on white

5.22:1

AA Pass AAA Fail

Text on black

4.02:1

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