#656DCF

#656DCF

Color Values

HEX

#656DCF

RGB

101, 109, 207

HSL

235.5, 52.5%, 60.4%

HSV

235.5, 51.2%, 81.2%

CMYK

51.2%, 47.3%, 0.0%, 18.8%

OKLCH

0.576 0.1487 277.1

Properties

Cool Light Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#656DCF

#CFC765

Analogous

#65A2CF

#9265CF

#656DCF

Triadic

#656DCF

#CF656D

#6DCF65

Split Complementary

#656DCF

#CF9265

#A2CF65

Tetradic

#656DCF

#CF65A2

#CFC765

#65CF92

Color Blindness Simulation

Original

#656DCF

Protanopia

#6869B7

Deuteranopia

#6867B2

Tritanopia

#65A5A0

Achromatopsia

#727272

CSS Usage

background-color: #656DCF;
color: #656DCF;
border-color: #656DCF;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F4F4FB
100
#E5E6F5
200
#C9CBEE
300
#A2A6E2
400
#6F77D2
500
#3D47C2
600
#30389C
700
#272D7C
800
#1E2361
900
#1A1D47
950
#10122D

Contrast Checker

Text on white

4.52:1

AA Pass AAA Fail

Text on black

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