#6468DA

#6468DA

Color Values

HEX

#6468DA

RGB

100, 104, 218

HSL

238.0, 61.5%, 62.4%

HSV

238.0, 54.1%, 85.5%

CMYK

54.1%, 52.3%, 0.0%, 14.5%

OKLCH

0.5731 0.1708 278.0

Properties

Cool Dark Nearest: slateblue

Color Harmonies

Complementary

#6468DA

#DAD664

Analogous

#64A3DA

#9B64DA

#6468DA

Triadic

#6468DA

#DA6468

#68DA64

Split Complementary

#6468DA

#DA9B64

#A3DA64

Tetradic

#6468DA

#DA64A3

#DAD664

#64DA9B

Color Blindness Simulation

Original

#6468DA

Protanopia

#6666BE

Deuteranopia

#6665B8

Tritanopia

#64A9A4

Achromatopsia

#6F6F6F

CSS Usage

background-color: #6468DA;
color: #6468DA;
border-color: #6468DA;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F3F4FB
100
#E4E4F6
200
#C5C7F1
300
#9C9FE7
400
#676ADB
500
#3136CE
600
#272BA5
700
#1F2384
800
#191B67
900
#16174B
950
#0E0F30

Contrast Checker

Text on white

4.63:1

AA Pass AAA Fail

Text on black

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