#656BFB

#656BFB

Color Values

HEX

#656BFB

RGB

101, 107, 251

HSL

237.6, 94.9%, 69.0%

HSV

237.6, 59.8%, 98.4%

CMYK

59.8%, 57.4%, 0.0%, 1.6%

OKLCH

0.6029 0.2104 276.3

Properties

Cool Light Nearest: slateblue 1

Color Harmonies

Complementary

#656BFB

#FBF565

Analogous

#65B6FB

#AA65FB

#656BFB

Triadic

#656BFB

#FB656B

#6BFB65

Split Complementary

#656BFB

#FBAA65

#B6FB65

Tetradic

#656BFB

#FB65B6

#FBF565

#65FBAA

Color Blindness Simulation

Original

#656BFB

Protanopia

#6868D8

Deuteranopia

#6767D0

Tritanopia

#65BDB7

Achromatopsia

#747474

CSS Usage

background-color: #656BFB;
color: #656BFB;
border-color: #656BFB;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F1F2FE
100
#DFE0FC
200
#B9BCFD
300
#888CFC
400
#474EFA
500
#0710F8
600
#050DC7
700
#040A9F
800
#03087C
900
#070A5A
950
#040739

Contrast Checker

Text on white

4.16:1

AA Fail AAA Fail

Text on black

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