#646291

#646291

Color Values

HEX

#646291

RGB

100, 98, 145

HSL

242.6, 19.3%, 47.6%

HSV

242.6, 32.4%, 56.9%

CMYK

31.0%, 32.4%, 0.0%, 43.1%

OKLCH

0.5175 0.0736 285.5

Properties

Cool Dark Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#646291

#8F9162

Analogous

#627791

#7B6291

#646291

Triadic

#646291

#916462

#629164

Split Complementary

#646291

#917B62

#779162

Tetradic

#646291

#916277

#8F9162

#62917B

Color Blindness Simulation

Original

#646291

Protanopia

#636386

Deuteranopia

#636383

Tritanopia

#647D7B

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F6F6F9
100
#EAEAF0
200
#D5D4E2
300
#B7B6CE
400
#908EB3
500
#696798
600
#54527A
700
#434261
800
#35334C
900
#292839
950
#1A1924

Contrast Checker

Text on white

5.68:1

AA Pass AAA Fail

Text on black

3.7: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