#646CF5

#646CF5

Color Values

HEX

#646CF5

RGB

100, 108, 245

HSL

236.7, 87.9%, 67.6%

HSV

236.7, 59.2%, 96.1%

CMYK

59.2%, 55.9%, 0.0%, 3.9%

OKLCH

0.5995 0.2016 276.0

Properties

Cool Light Nearest: slateblue 2

Color Harmonies

Complementary

#646CF5

#F5ED64

Analogous

#64B4F5

#A464F5

#646CF5

Triadic

#646CF5

#F5646C

#6CF564

Split Complementary

#646CF5

#F5A464

#B4F564

Tetradic

#646CF5

#F564B4

#F5ED64

#64F5A4

Color Blindness Simulation

Original

#646CF5

Protanopia

#6768D4

Deuteranopia

#6766CC

Tritanopia

#64BAB4

Achromatopsia

#747474

CSS Usage

background-color: #646CF5;
color: #646CF5;
border-color: #646CF5;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F2F2FD
100
#E0E1FA
200
#BCBFFB
300
#8C92F8
400
#4E57F4
500
#0F1CF0
600
#0C16C0
700
#0A1299
800
#080E78
900
#0A0E57
950
#060937

Contrast Checker

Text on white

4.2:1

AA Fail AAA Fail

Text on black

5.01:1

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