#6166DA

#6166DA

Color Values

HEX

#6166DA

RGB

97, 102, 218

HSL

237.5, 62.1%, 61.8%

HSV

237.5, 55.5%, 85.5%

CMYK

55.5%, 53.2%, 0.0%, 14.5%

OKLCH

0.5673 0.174 277.4

Properties

Cool Dark Nearest: slateblue

Color Harmonies

Complementary

#6166DA

#DAD561

Analogous

#61A3DA

#9961DA

#6166DA

Triadic

#6166DA

#DA6166

#66DA61

Split Complementary

#6166DA

#DA9961

#A3DA61

Tetradic

#6166DA

#DA61A3

#DAD561

#61DA99

Color Blindness Simulation

Original

#6166DA

Protanopia

#6363BE

Deuteranopia

#6362B7

Tritanopia

#61A8A3

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F3F4FB
100
#E4E5F7
200
#C5C7F1
300
#9C9FE8
400
#666BDB
500
#3037CF
600
#272CA5
700
#1F2384
800
#181B67
900
#15184C
950
#0D0F30

Contrast Checker

Text on white

4.75:1

AA Pass AAA Fail

Text on black

4.42:1

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