#656EFA

#656EFA

Color Values

HEX

#656EFA

RGB

101, 110, 250

HSL

236.4, 93.7%, 68.8%

HSV

236.4, 59.6%, 98.0%

CMYK

59.6%, 56.0%, 0.0%, 2.0%

OKLCH

0.6074 0.2055 275.7

Properties

Cool Light Nearest: slateblue 2

Color Harmonies

Complementary

#656EFA

#FAF165

Analogous

#65B8FA

#A665FA

#656EFA

Triadic

#656EFA

#FA656E

#6EFA65

Split Complementary

#656EFA

#FAA665

#B8FA65

Tetradic

#656EFA

#FA65B8

#FAF165

#65FAA6

Color Blindness Simulation

Original

#656EFA

Protanopia

#6969D8

Deuteranopia

#6868D0

Tritanopia

#65BDB8

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F1F2FD
100
#DFE1FB
200
#BABEFD
300
#888FFB
400
#4853F9
500
#0816F7
600
#0612C6
700
#050E9E
800
#040B7B
900
#080C59
950
#050838

Contrast Checker

Text on white

4.07:1

AA Fail AAA Fail

Text on black

5.16:1

AA Pass 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