#616BFC

#616BFC

Color Values

HEX

#616BFC

RGB

97, 107, 252

HSL

236.1, 96.3%, 68.4%

HSV

236.1, 61.5%, 98.8%

CMYK

61.5%, 57.5%, 0.0%, 1.2%

OKLCH

0.6011 0.2126 275.0

Properties

Cool Light Nearest: slateblue 1

Color Harmonies

Complementary

#616BFC

#FCF261

Analogous

#61B9FC

#A461FC

#616BFC

Triadic

#616BFC

#FC616B

#6BFC61

Split Complementary

#616BFC

#FCA461

#B9FC61

Tetradic

#616BFC

#FC61B9

#FCF261

#61FCA4

Color Blindness Simulation

Original

#616BFC

Protanopia

#6565D9

Deuteranopia

#6564D0

Tritanopia

#61BDB7

Achromatopsia

#737373

CSS Usage

background-color: #616BFC;
color: #616BFC;
border-color: #616BFC;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F1F2FE
100
#DFE0FC
200
#B9BDFE
300
#878FFD
400
#4652FC
500
#0515FA
600
#0411C8
700
#030DA0
800
#020A7D
900
#060C5A
950
#040839

Contrast Checker

Text on white

4.19:1

AA Fail AAA Fail

Text on black

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