#657096

#657096

Color Values

HEX

#657096

RGB

101, 112, 150

HSL

226.5, 19.5%, 49.2%

HSV

226.5, 32.7%, 58.8%

CMYK

32.7%, 25.3%, 0.0%, 41.2%

OKLCH

0.551 0.0609 271.8

Properties

Cool Dark Nearest: RAL 5014 Pigeon Blue

Color Harmonies

Complementary

#657096

#968B65

Analogous

#658896

#726596

#657096

Triadic

#657096

#966570

#709665

Split Complementary

#657096

#967265

#889665

Tetradic

#657096

#966588

#968B65

#659672

Color Blindness Simulation

Original

#657096

Protanopia

#6A6A8D

Deuteranopia

#69688B

Tritanopia

#668684

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAECF0
200
#D4D7E2
300
#B6BBCE
400
#8E97B3
500
#677298
600
#525B7A
700
#424962
800
#33394C
900
#282C39
950
#191C24

Contrast Checker

Text on white

4.87:1

AA Pass AAA Fail

Text on black

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