#646299

#646299

Color Values

HEX

#646299

RGB

100, 98, 153

HSL

242.2, 21.9%, 49.2%

HSV

242.2, 35.9%, 60.0%

CMYK

34.6%, 35.9%, 0.0%, 40.0%

OKLCH

0.5216 0.0858 284.7

Properties

Cool Dark Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#646299

#979962

Analogous

#627B99

#7F6299

#646299

Triadic

#646299

#996462

#629964

Split Complementary

#646299

#997F62

#7B9962

Tetradic

#646299

#99627B

#979962

#62997F

Color Blindness Simulation

Original

#646299

Protanopia

#63638C

Deuteranopia

#636388

Tritanopia

#64817F

Achromatopsia

#666666

CSS Usage

background-color: #646299;
color: #646299;
border-color: #646299;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F6F6F9
100
#EAEAF0
200
#D4D3E3
300
#B5B4CF
400
#8E8CB5
500
#66649B
600
#51507C
700
#414063
800
#33324E
900
#28273A
950
#191925

Contrast Checker

Text on white

5.6:1

AA Pass AAA Fail

Text on black

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