#616CC2

#616CC2

Color Values

HEX

#616CC2

RGB

97, 108, 194

HSL

233.2, 44.3%, 57.1%

HSV

233.2, 50.0%, 76.1%

CMYK

50.0%, 44.3%, 0.0%, 23.9%

OKLCH

0.5631 0.1326 275.8

Properties

Cool Dark Nearest: Indigo

Color Harmonies

Complementary

#616CC2

#C2B761

Analogous

#619DC2

#8761C2

#616CC2

Triadic

#616CC2

#C2616C

#6CC261

Split Complementary

#616CC2

#C28761

#9DC261

Tetradic

#616CC2

#C2619D

#C2B761

#61C287

Color Blindness Simulation

Original

#616CC2

Protanopia

#6666AD

Deuteranopia

#6564A8

Tritanopia

#629D99

Achromatopsia

#707070

CSS Usage

background-color: #616CC2;
color: #616CC2;
border-color: #616CC2;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F4F5FA
100
#E6E8F4
200
#CBCFEB
300
#A7ADDD
400
#7780CA
500
#4754B8
600
#394393
700
#2D3676
800
#242A5C
900
#1D2244
950
#12152B

Contrast Checker

Text on white

4.74:1

AA Pass AAA Fail

Text on black

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