#657395

#657395

Color Values

HEX

#657395

RGB

101, 115, 149

HSL

222.5, 19.2%, 49.0%

HSV

222.5, 32.2%, 58.4%

CMYK

32.2%, 22.8%, 0.0%, 41.6%

OKLCH

0.5572 0.0557 267.2

Properties

Cool Dark Nearest: RAL 5014 Pigeon Blue

Color Harmonies

Complementary

#657395

#958765

Analogous

#658B95

#6F6595

#657395

Triadic

#657395

#956573

#739565

Split Complementary

#657395

#956F65

#8B9565

Tetradic

#657395

#95658B

#958765

#65956F

Color Blindness Simulation

Original

#657395

Protanopia

#6B6B8D

Deuteranopia

#6A698B

Tritanopia

#668685

Achromatopsia

#727272

CSS Usage

background-color: #657395;
color: #657395;
border-color: #657395;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F7F9
100
#EAECF0
200
#D4D8E2
300
#B6BDCE
400
#8F99B3
500
#677598
600
#525E7A
700
#424B61
800
#343B4C
900
#282D39
950
#191C24

Contrast Checker

Text on white

4.73:1

AA Pass AAA Fail

Text on black

4.44:1

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