#657F9A

#657F9A

Color Values

HEX

#657F9A

RGB

101, 127, 154

HSL

210.6, 20.8%, 50.0%

HSV

210.6, 34.4%, 60.4%

CMYK

34.4%, 17.5%, 0.0%, 39.6%

OKLCH

0.5863 0.0514 249.7

Properties

Cool Light Nearest: lightskyblue 4

Color Harmonies

Complementary

#657F9A

#9A8065

Analogous

#65999A

#66659A

#657F9A

Triadic

#657F9A

#9A657F

#7F9A65

Split Complementary

#657F9A

#9A6665

#999A65

Tetradic

#657F9A

#9A6599

#9A8065

#659A66

Color Blindness Simulation

Original

#657F9A

Protanopia

#707093

Deuteranopia

#6F6D92

Tritanopia

#668E8D

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAEDF0
200
#D4DBE3
300
#B5C2CF
400
#8DA0B4
500
#657F9A
600
#51667B
700
#415163
800
#323F4D
900
#27303A
950
#191E24

Contrast Checker

Text on white

4.15:1

AA Fail AAA Fail

Text on black

5.06:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026