#646CEB

#646CEB

Color Values

HEX

#646CEB

RGB

100, 108, 235

HSL

236.4, 77.1%, 65.7%

HSV

236.4, 57.4%, 92.2%

CMYK

57.4%, 54.0%, 0.0%, 7.8%

OKLCH

0.5923 0.1885 276.3

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#646CEB

#EBE364

Analogous

#64B0EB

#9F64EB

#646CEB

Triadic

#646CEB

#EB646C

#6CEB64

Split Complementary

#646CEB

#EB9F64

#B0EB64

Tetradic

#646CEB

#EB64B0

#EBE364

#64EB9F

Color Blindness Simulation

Original

#646CEB

Protanopia

#6768CC

Deuteranopia

#6766C5

Tritanopia

#64B4AF

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F2F3FC
100
#E1E3F9
200
#C0C3F7
300
#9398F1
400
#5861E9
500
#1D29E2
600
#1721B5
700
#131A91
800
#0F1471
900
#0F1352
950
#090C34

Contrast Checker

Text on white

4.3:1

AA Fail AAA Fail

Text on black

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