#656AA0

#656AA0

Color Values

HEX

#656AA0

RGB

101, 106, 160

HSL

234.9, 23.7%, 51.2%

HSV

234.9, 36.9%, 62.7%

CMYK

36.9%, 33.7%, 0.0%, 37.3%

OKLCH

0.5428 0.0843 279.1

Properties

Cool Dark Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#656AA0

#A09B65

Analogous

#6588A0

#7E65A0

#656AA0

Triadic

#656AA0

#A0656A

#6AA065

Split Complementary

#656AA0

#A07E65

#88A065

Tetradic

#656AA0

#A06588

#A09B65

#65A07E

Color Blindness Simulation

Original

#656AA0

Protanopia

#676793

Deuteranopia

#676690

Tritanopia

#658986

Achromatopsia

#6D6D6D

CSS Usage

background-color: #656AA0;
color: #656AA0;
border-color: #656AA0;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F6F6F9
100
#EAEAF1
200
#D3D4E4
300
#B3B6D0
400
#8A8EB7
500
#61669E
600
#4E527E
700
#3E4265
800
#31334F
900
#26283B
950
#181925

Contrast Checker

Text on white

5.09:1

AA Pass AAA Fail

Text on black

4.12:1

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