#6964C5

#6964C5

Color Values

HEX

#6964C5

RGB

105, 100, 197

HSL

243.1, 45.5%, 58.2%

HSV

243.1, 49.2%, 77.3%

CMYK

46.7%, 49.2%, 0.0%, 22.7%

OKLCH

0.5554 0.1464 282.9

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#6964C5

#C0C564

Analogous

#648FC5

#9964C5

#6964C5

Triadic

#6964C5

#C56964

#64C569

Split Complementary

#6964C5

#C59964

#8FC564

Tetradic

#6964C5

#C5648F

#C0C564

#64C599

Color Blindness Simulation

Original

#6964C5

Protanopia

#6767AE

Deuteranopia

#6768A8

Tritanopia

#699B97

Achromatopsia

#6C6C6C

CSS Usage

background-color: #6964C5;
color: #6964C5;
border-color: #6964C5;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F5F4FA
100
#E7E6F4
200
#CDCBEC
300
#A9A6DE
400
#7A76CC
500
#4B45BA
600
#3C3894
700
#302C77
800
#26235D
900
#1F1D44
950
#13122B

Contrast Checker

Text on white

4.96:1

AA Pass AAA Fail

Text on black

4.23:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026