#616CB2

#616CB2

Color Values

HEX

#616CB2

RGB

97, 108, 178

HSL

231,9, 34,5%, 53,9%

HSV

231,9, 45,5%, 69,8%

CMYK

45,5%, 39,3%, 0,0%, 30,2%

OKLCH

0,5537 0,1093 275,5

Properties

Cool Dark Nearest: Indigo

Color Harmonies

Complementary

#616CB2

#B2A761

Analogous

#6194B2

#7E61B2

#616CB2

Triadic

#616CB2

#B2616C

#6CB261

Split Complementary

#616CB2

#B27E61

#94B261

Tetradic

#616CB2

#B26194

#B2A761

#61B27E

Color Blindness Simulation

Original

#616CB2

Protanopia

#6666A1

Deuteranopia

#65649D

Tritanopia

#629491

Achromatopsia

#6F6F6F

CSS Usage

background-color: #616CB2;
color: #616CB2;
border-color: #616CB2;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F6FA
100
#E8E9F2
200
#CFD2E8
300
#ADB2D7
400
#8089C1
500
#545FAB
600
#434C89
700
#353D6E
800
#2A3056
900
#21253F
950
#151828

Contrast Checker

Text on white

4,89:1

AA Pass AAA Fail

Text on black

4,3:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026