#646CD1

#646CD1

Color Values

HEX

#646CD1

RGB

100, 108, 209

HSL

235,6, 54,2%, 60,6%

HSV

235,6, 52,2%, 82,0%

CMYK

52,2%, 48,3%, 0,0%, 18,0%

OKLCH

0,5747 0,1531 277,0

Properties

Cool Light Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#646CD1

#D1C964

Analogous

#64A3D1

#9364D1

#646CD1

Triadic

#646CD1

#D1646C

#6CD164

Split Complementary

#646CD1

#D19364

#A3D164

Tetradic

#646CD1

#D164A3

#D1C964

#64D193

Color Blindness Simulation

Original

#646CD1

Protanopia

#6768B9

Deuteranopia

#6766B3

Tritanopia

#64A5A1

Achromatopsia

#727272

CSS Usage

background-color: #646CD1;
color: #646CD1;
border-color: #646CD1;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F4F4FB
100
#E5E6F5
200
#C8CBEF
300
#A1A5E3
400
#6E75D4
500
#3A45C5
600
#2F379D
700
#252C7E
800
#1D2262
900
#191C48
950
#10122E

Contrast Checker

Text on white

4,56:1

AA Pass AAA Fail

Text on black

4,61:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026